<!doctype html><html lang="en">
 <head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
  <meta content="#3c790a" name="theme-color">
  <title>Compatibility Standard</title>
  <link crossorigin href="https://resources.whatwg.org/spec.css" rel="stylesheet">
  <link crossorigin href="https://resources.whatwg.org/standard.css" rel="stylesheet">
  <link crossorigin href="https://resources.whatwg.org/standard-shared-with-dev.css" rel="stylesheet">
  <link crossorigin href="https://resources.whatwg.org/logo-compat.svg" rel="icon">
<script async crossorigin src="https://resources.whatwg.org/file-issue.js"></script>
<script async crossorigin src="https://resources.whatwg.org/commit-snapshot-shortcut-key.js"></script>
<style>/* style-dfn-panel */

.dfn-panel {
    position: absolute;
    z-index: 35;
    height: auto;
    width: -webkit-fit-content;
    width: fit-content;
    max-width: 300px;
    max-height: 500px;
    overflow: auto;
    padding: 0.5em 0.75em;
    font: small Helvetica Neue, sans-serif, Droid Sans Fallback;
    background: #DDDDDD;
    color: black;
    border: outset 0.2em;
}
.dfn-panel:not(.on) { display: none; }
.dfn-panel * { margin: 0; padding: 0; text-indent: 0; }
.dfn-panel > b { display: block; }
.dfn-panel a { color: black; }
.dfn-panel a:not(:hover) { text-decoration: none !important; border-bottom: none !important; }
.dfn-panel > b + b { margin-top: 0.25em; }
.dfn-panel ul { padding: 0; }
.dfn-panel li { list-style: inside; }
.dfn-panel.activated {
    display: inline-block;
    position: fixed;
    left: .5em;
    bottom: 2em;
    margin: 0 auto;
    max-width: calc(100vw - 1.5em - .4em - .5em);
    max-height: 30vh;
}

.dfn-paneled { cursor: pointer; }
</style>
 <body class="h-entry status-LS">
  <div class="head">
   <p data-fill-with="logo"><a class="logo" href="https://whatwg.org/"> <img alt="WHATWG" crossorigin height="100" src="https://resources.whatwg.org/logo-compat.svg"> </a> </p>
   <hgroup>
    <h1 class="p-name no-ref" id="title">Compatibility</h1>
    <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Living Standard — Last Updated <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></span></h2>
   </hgroup>
   <div data-fill-with="spec-metadata">
    <dl>
     <dt>Participate:
     <dd><a href="https://github.com/whatwg/compat">GitHub whatwg/compat</a> (<a href="https://github.com/whatwg/compat/issues/new">new issue</a>, <a href="https://github.com/whatwg/compat/issues">open issues</a>)
     <dd><a href="https://wiki.whatwg.org/wiki/IRC">IRC: #whatwg on Freenode</a>
     <dt>Commits:
     <dd><a href="https://github.com/whatwg/compat/commits">GitHub whatwg/compat/commits</a>
     <dd>[SNAPSHOT-LINK]
     <dd><a href="https://twitter.com/compatstandard">@compatstandard</a>
     <dt>Tests:
     <dd><a href="https://github.com/web-platform-tests/wpt/tree/master/compat">web-platform-tests compat/</a> (<a href="https://github.com/web-platform-tests/wpt/labels/compat">ongoing work</a>)
     <dt>Translations <small>(non-normative)</small>:
     <dd><span title="Japanese"><a href="https://triple-underscore.github.io/compat-ja.html" hreflang="ja" lang="ja" rel="alternate">日本語</a></span>
    </dl>
   </div>
   <div data-fill-with="warning"></div>
  </div>
  <div class="p-summary" data-fill-with="abstract">
   <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
   <p>This standard describes a collection of non-standard (and often vendor-prefixed) CSS properties and DOM APIs that web browsers need to support for compatibility with the de facto web.</p>
  </div>
  <nav data-fill-with="table-of-contents" id="toc">
   <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
   <ol class="toc" role="directory">
    <li><a href="#introduction"><span class="secno">1</span> <span class="content">Introduction</span></a>
    <li><a href="#conformance"><span class="secno">2</span> <span class="content">Conformance</span></a>
    <li>
     <a href="#css-compat-section"><span class="secno">3</span> <span class="content">CSS Compatibility</span></a>
     <ol class="toc">
      <li><a href="#css-at-rules"><span class="secno">3.1</span> <span class="content">CSS At-rules</span></a>
      <li>
       <a href="#css-media-queries"><span class="secno">3.2</span> <span class="content">CSS Media Queries</span></a>
       <ol class="toc">
        <li><a href="#css-media-queries-webkit-device-pixel-ratio"><span class="secno">3.2.1</span> <span class="content"> <code><span class="property">-webkit-device-pixel-ratio</span></code> </span></a>
        <li><a href="#css-media-queries-webkit-transform-3d"><span class="secno">3.2.2</span> <span class="content"> <code><span class="property">-webkit-transform-3d</span></code> </span></a>
       </ol>
      <li>
       <a href="#css-image-type"><span class="secno">3.3</span> <span class="content">CSS Gradients</span></a>
       <ol class="toc">
        <li><a href="#css-gradients-webkit-linear-gradient"><span class="secno">3.3.1</span> <span class="content"> <code><span class="css">-webkit-linear-gradient()</span></code> </span></a>
        <li><a href="#css-gradients-webkit-radial-gradient"><span class="secno">3.3.2</span> <span class="content"> <code><span class="css">-webkit-radial-gradient()</span></code> </span></a>
        <li><a href="#css-gradients-repeating-webkit-linear-gradient"><span class="secno">3.3.3</span> <span class="content"> <code><span class="css">-webkit-repeating-linear-gradient()</span></code> </span></a>
        <li><a href="#css-gradients-repeating-webkit-radial-gradient"><span class="secno">3.3.4</span> <span class="content"> <code><span class="css">-webkit-repeating-radial-gradient()</span></code> </span></a>
       </ol>
      <li>
       <a href="#css-properties"><span class="secno">3.4</span> <span class="content">CSS Properties</span></a>
       <ol class="toc">
        <li><a href="#css-simple-aliases"><span class="secno">3.4.1</span> <span class="content">Simple property aliases</span></a>
        <li><a href="#css-prefixed-aliases"><span class="secno">3.4.2</span> <span class="content">Prefixed property aliases</span></a>
        <li><a href="#css-non-aliased"><span class="secno">3.4.3</span> <span class="content">Non-aliased vendor prefixed properties</span></a>
        <li><a href="#css-property-mappings"><span class="secno">3.4.4</span> <span class="content">Property mappings</span></a>
        <li><a href="#css-keyword-mappings"><span class="secno">3.4.5</span> <span class="content">Keyword mappings</span></a>
        <li><a href="#the-webkit-background-clip-property"><span class="secno">3.4.6</span> <span class="content">Foreground Text Clipping: the <code> <span class="property">-webkit-background-clip</span></code> property</span></a>
        <li>
         <a href="#text-fill-and-stroking"><span class="secno">3.4.7</span> <span class="content">Text Fill and Stroking</span></a>
         <ol class="toc">
          <li><a href="#the-webkit-text-fill-color"><span class="secno">3.4.7.1</span> <span class="content">Foreground Text Color: the <code> <span class="property">-webkit-text-fill-color</span></code> property</span></a>
          <li><a href="#the-webkit-text-stroke-color"><span class="secno">3.4.7.2</span> <span class="content">Text Stroke Color: the <code> <span class="property">-webkit-text-stroke-color</span></code> property</span></a>
          <li><a href="#the-webkit-text-stroke-width"><span class="secno">3.4.7.3</span> <span class="content">Text Stroke Thickness: the <code> <span class="property">-webkit-text-stroke-width</span></code> property</span></a>
          <li><a href="#the-webkit-text-stroke"><span class="secno">3.4.7.4</span> <span class="content">Text Stroke Shorthand: the <code> <span class="property">-webkit-text-stroke</span></code> property</span></a>
         </ol>
       </ol>
      <li>
       <a href="#css-property-values"><span class="secno">3.5</span> <span class="content">CSS Property values</span></a>
       <ol class="toc">
        <li><a href="#touch-action"><span class="secno">3.5.1</span> <span class="content">Additional <code>touch-action</code> values</span></a>
       </ol>
     </ol>
    <li>
     <a href="#dom-compat-section"><span class="secno">4</span> <span class="content">DOM Compatibility</span></a>
     <ol class="toc">
      <li><a href="#webkitcssmatrix-interface"><span class="secno">4.1</span> <span class="content">The WebKitCSSMatrix interface</span></a>
      <li>
       <a href="#windoworientation-interface"><span class="secno">4.2</span> <span class="content"><span><code>window.orientation</code></span> API</span></a>
       <ol class="toc">
        <li><a href="#dfn-window-orientation-angle"><span class="secno">4.2.1</span> <span class="content"><span><code>window.orientation</code></span> angle</span></a>
        <li><a href="#event-handlers"><span class="secno">4.2.2</span> <span class="content">Event Handlers on <code class="idl"><span>Window</span></code> objects and <code><code><span>body</span></code></code> elements</span></a>
       </ol>
     </ol>
    <li><a href="#acknowledgements"><span class="secno"></span> <span class="content">Acknowledgements</span></a>
    <li>
     <a href="#index"><span class="secno"></span> <span class="content">Index</span></a>
     <ol class="toc">
      <li><a href="#index-defined-here"><span class="secno"></span> <span class="content">Terms defined by this specification</span></a>
      <li><a href="#index-defined-elsewhere"><span class="secno"></span> <span class="content">Terms defined by reference</span></a>
     </ol>
    <li>
     <a href="#references"><span class="secno"></span> <span class="content">References</span></a>
     <ol class="toc">
      <li><a href="#normative"><span class="secno"></span> <span class="content">Normative References</span></a>
      <li><a href="#informative"><span class="secno"></span> <span class="content">Informative References</span></a>
     </ol>
    <li>
     <a href="#property-index"><span class="secno"></span> <span class="content">Property Index</span></a>
     <ol class="toc">
      <li><a href="#media-descriptor-table"><span class="secno"></span> <span class="content"><span>@media</span> Descriptors</span></a>
     </ol>
    <li><a href="#idl-index"><span class="secno"></span> <span class="content">IDL Index</span></a>
   </ol>
  </nav>
  <main>
   <h2 class="heading settled" data-level="1" id="introduction"><span class="secno">1. </span><span class="content">Introduction</span><a class="self-link" href="#introduction"></a></h2>
    <em>This section is non-normative.</em> 
   <p>There exists an increasingly large corpus of web content that depends on web browsers supporting a number of <code>webkit</code>-prefixed CSS properties and DOM APIs for functionality or layout. This holds especially true for mobile-optimized web content.</p>
   <p>This specification aims to describe the minimal set of <code>webkit</code>-prefixed CSS properties and DOM APIs that user agents are required to support for web compatibility.</p>
   <div class="XXX"> The <a href="https://wiki.mozilla.org/Compatibility/Mobile/Non_Standard_Compatibility">Non-Standard Compatibility</a> wiki page will serve as a rough guide for what this specification intends to cover. </div>
   <h2 class="heading settled" data-level="2" id="conformance"><span class="secno">2. </span><span class="content">Conformance</span><a class="self-link" href="#conformance"></a></h2>
    All diagrams, examples, and notes in this specification are
non-normative, as are all sections explicitly marked non-normative.
Everything else in this specification is normative. 
   <p>The keywords "MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT",
"SHOULD", "SHOULD NOT", "RECOMMENDED", "NOT RECOMMENDED", "MAY", and
"OPTIONAL" in this document are to be interpreted as described in RFC 2119.
For readability, these words do not appear in all uppercase letters in this
specification. <a data-link-type="biblio" href="#biblio-rfc2119">[RFC2119]</a></p>
   <p>Requirements phrased in the imperative as part of algorithms
(such as "strip any leading space characters" or "return false and
terminate these steps") are to be interpreted with the meaning of the
keyword ("must", "should", "may", etc.) used in introducing the
algorithm.</p>
   <p>Conformance requirements phrased as algorithms or specific steps
may be implemented in any manner, so long as the end result is
equivalent. (In particular, the algorithms defined in this
specification are intended to be easy to follow, and not intended to
be performant.)</p>
   <h2 class="heading settled" data-level="3" id="css-compat-section"><span class="secno">3. </span><span class="content">CSS Compatibility</span><a class="self-link" href="#css-compat-section"></a></h2>
   <h3 class="heading settled" data-level="3.1" id="css-at-rules"><span class="secno">3.1. </span><span class="content">CSS At-rules</span><a class="self-link" href="#css-at-rules"></a></h3>
   <p>The following <code>-webkit-</code> <a data-link-type="dfn" href="https://www.w3.org/TR/CSS/#vendor-prefix" id="ref-for-vendor-prefix">vendor prefixed</a> at-rules must be supported as aliases of the corresponding unprefixed at-rules:</p>
   <table>
    <thead>
     <tr>
      <th><code>-webkit-</code> prefixed at-rule alias
      <th>unprefixed at-rule
    <tbody>
     <tr>
      <td><code><dfn class="css" data-dfn-type="at-rule" data-export id="at-ruledef--webkit-keyframes">@-webkit-keyframes<a class="self-link" href="#at-ruledef--webkit-keyframes"></a></dfn></code>
      <td><code><a class="css" data-link-type="at-rule" href="https://drafts.csswg.org/css-animations-1/#at-ruledef-keyframes" id="ref-for-at-ruledef-keyframes">@keyframes</a></code>
   </table>
   <h3 class="heading settled" data-level="3.2" id="css-media-queries"><span class="secno">3.2. </span><span class="content">CSS Media Queries</span><a class="self-link" href="#css-media-queries"></a></h3>
   <h4 class="heading settled" data-level="3.2.1" id="css-media-queries-webkit-device-pixel-ratio"><span class="secno">3.2.1. </span><span class="content"> <code><a class="property" data-link-type="propdesc" href="#descdef-media--webkit-device-pixel-ratio" id="ref-for-descdef-media--webkit-device-pixel-ratio">-webkit-device-pixel-ratio</a></code> </span><a class="self-link" href="#css-media-queries-webkit-device-pixel-ratio"></a></h4>
   <table class="def descdef mq">
    <tbody>
     <tr>
      <th>Name:
      <td><dfn class="dfn-paneled css" data-dfn-for="@media" data-dfn-type="descriptor" data-export id="descdef-media--webkit-device-pixel-ratio">-webkit-device-pixel-ratio</dfn>
     <tr>
      <th>For:
      <td><a class="css" data-link-type="at-rule" href="https://drafts.csswg.org/css-conditional-3/#at-ruledef-media" id="ref-for-at-ruledef-media">@media</a>
     <tr>
      <th>Value:
      <td class="prod"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#number-value" id="ref-for-number-value">&lt;number></a>
     <tr>
      <th>Type:
      <td>range
   </table>
   <p><code><a class="property" data-link-type="propdesc" href="#descdef-media--webkit-device-pixel-ratio" id="ref-for-descdef-media--webkit-device-pixel-ratio①">-webkit-device-pixel-ratio</a></code> must be treated as an alias of the <code><a data-link-type="dfn" href="https://drafts.csswg.org/mediaqueries-4/#descdef-media-resolution" id="ref-for-descdef-media-resolution">resolution</a></code> range type <a data-link-type="dfn" href="https://drafts.csswg.org/mediaqueries-4/#media-feature" id="ref-for-media-feature">media feature</a>, with its value interpreted as a <a data-link-type="dfn" href="https://drafts.csswg.org/css-values-3/#dppx" id="ref-for-dppx">dppx</a> unit.</p>
   <p>The <code>min-</code> or <code>max-</code> <a data-link-type="dfn" href="https://drafts.csswg.org/mediaqueries-4/#mq-min-max" id="ref-for-mq-min-max">prefixes on range features</a> must not apply to <code><a class="property" data-link-type="propdesc" href="#descdef-media--webkit-device-pixel-ratio" id="ref-for-descdef-media--webkit-device-pixel-ratio②">-webkit-device-pixel-ratio</a></code>, instead the following aliases must be used:</p>
   <table>
    <thead>
     <tr>
      <th>legacy <code>-webkit-</code> prefixed range <a data-link-type="dfn" href="https://drafts.csswg.org/mediaqueries-4/#media-feature" id="ref-for-media-feature①">media feature</a> alias
      <th>standard prefixed range <a data-link-type="dfn" href="https://drafts.csswg.org/mediaqueries-4/#media-feature" id="ref-for-media-feature②">media feature</a>
    <tbody>
     <tr>
      <td><code><dfn class="css" data-dfn-for="@media" data-dfn-type="descriptor" data-export id="descdef-media--webkit-min-device-pixel-ratio">-webkit-min-device-pixel-ratio<a class="self-link" href="#descdef-media--webkit-min-device-pixel-ratio"></a></dfn></code>
      <td><code><a data-link-type="dfn" href="https://drafts.csswg.org/mediaqueries-4/#descdef-media-resolution" id="ref-for-descdef-media-resolution①">min-resolution</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-for="@media" data-dfn-type="descriptor" data-export id="descdef-media--webkit-max-device-pixel-ratio">-webkit-max-device-pixel-ratio<a class="self-link" href="#descdef-media--webkit-max-device-pixel-ratio"></a></dfn></code>
      <td><code><a data-link-type="dfn" href="https://drafts.csswg.org/mediaqueries-4/#descdef-media-resolution" id="ref-for-descdef-media-resolution②">max-resolution</a></code>
   </table>
   <h4 class="heading settled" data-level="3.2.2" id="css-media-queries-webkit-transform-3d"><span class="secno">3.2.2. </span><span class="content"> <code><a class="property" data-link-type="propdesc" href="#descdef-media--webkit-transform-3d" id="ref-for-descdef-media--webkit-transform-3d">-webkit-transform-3d</a></code> </span><a class="self-link" href="#css-media-queries-webkit-transform-3d"></a></h4>
   <table class="def descdef mq">
    <tbody>
     <tr>
      <th>Name:
      <td><dfn class="dfn-paneled css" data-dfn-for="@media" data-dfn-type="descriptor" data-export id="descdef-media--webkit-transform-3d">-webkit-transform-3d</dfn>
     <tr>
      <th>For:
      <td><a class="css" data-link-type="at-rule" href="https://drafts.csswg.org/css-conditional-3/#at-ruledef-media" id="ref-for-at-ruledef-media①">@media</a>
     <tr>
      <th>Value:
      <td class="prod"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/mediaqueries-4/#typedef-mq-boolean" id="ref-for-typedef-mq-boolean">&lt;mq-boolean></a>
     <tr>
      <th>Accepts min/max prefixes:
      <td>no
   </table>
   <p>The <code><a class="property" data-link-type="propdesc" href="#descdef-media--webkit-transform-3d" id="ref-for-descdef-media--webkit-transform-3d①">-webkit-transform-3d</a></code> media feature is used to query whether the user agent supports CSS 3D transforms. <a data-link-type="biblio" href="#biblio-css-transforms-1">[css-transforms-1]</a></p>
   <p>If the user agent supports 3D transforms, the value will be 1. Otherwise the value is 0.</p>
   <h3 class="heading settled" data-level="3.3" id="css-image-type"><span class="secno">3.3. </span><span class="content">CSS Gradients</span><a class="self-link" href="#css-image-type"></a></h3>
   <h4 class="heading settled" data-level="3.3.1" id="css-gradients-webkit-linear-gradient"><span class="secno">3.3.1. </span><span class="content"> <code><span class="css">-webkit-linear-gradient()</span></code> </span><a class="self-link" href="#css-gradients-webkit-linear-gradient"></a></h4>
   <p><code><dfn data-dfn-type="dfn" data-export id="-webkit-linear-gradient">-webkit-linear-gradient()<a class="self-link" href="#-webkit-linear-gradient"></a></dfn></code> must be treated as an alias of <a data-link-type="dfn" href="https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltlinear-gradient" id="ref-for-ltlinear-gradient">linear-gradient</a> as defined in <a data-link-type="biblio" href="#biblio-css3-images-20110217">[css3-images-20110217]</a>.</p>
   <h4 class="heading settled" data-level="3.3.2" id="css-gradients-webkit-radial-gradient"><span class="secno">3.3.2. </span><span class="content"> <code><span class="css">-webkit-radial-gradient()</span></code> </span><a class="self-link" href="#css-gradients-webkit-radial-gradient"></a></h4>
   <p><code><dfn data-dfn-type="dfn" data-export id="-webkit-radial-gradient">-webkit-radial-gradient()<a class="self-link" href="#-webkit-radial-gradient"></a></dfn></code> must be treated as an alias of <a data-link-type="dfn" href="https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltradial-gradient" id="ref-for-ltradial-gradient">radial-gradient</a> as defined in <a data-link-type="biblio" href="#biblio-css3-images-20110217">[css3-images-20110217]</a>.</p>
   <h4 class="heading settled" data-level="3.3.3" id="css-gradients-repeating-webkit-linear-gradient"><span class="secno">3.3.3. </span><span class="content"> <code><span class="css">-webkit-repeating-linear-gradient()</span></code> </span><a class="self-link" href="#css-gradients-repeating-webkit-linear-gradient"></a></h4>
   <p><code><dfn data-dfn-type="dfn" data-export id="-webkit-repeating-linear-gradient">-webkit-repeating-linear-gradient()<a class="self-link" href="#-webkit-repeating-linear-gradient"></a></dfn></code> must be treated as an alias of <a data-link-type="dfn" href="https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltrepeating-linear-gradient" id="ref-for-ltrepeating-linear-gradient">repeating-linear-gradient</a> as defined in <a data-link-type="biblio" href="#biblio-css3-images-20110217">[css3-images-20110217]</a>.</p>
   <h4 class="heading settled" data-level="3.3.4" id="css-gradients-repeating-webkit-radial-gradient"><span class="secno">3.3.4. </span><span class="content"> <code><span class="css">-webkit-repeating-radial-gradient()</span></code> </span><a class="self-link" href="#css-gradients-repeating-webkit-radial-gradient"></a></h4>
   <p><code><dfn data-dfn-type="dfn" data-export id="-webkit-repeating-radial-gradient">-webkit-repeating-radial-gradient()<a class="self-link" href="#-webkit-repeating-radial-gradient"></a></dfn></code> must be treated as an alias of <a data-link-type="dfn" href="https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltrepeating-radial-gradient" id="ref-for-ltrepeating-radial-gradient">repeating-radial-gradient</a> as defined in <a data-link-type="biblio" href="#biblio-css3-images-20110217">[css3-images-20110217]</a>.</p>
   <h3 class="heading settled" data-level="3.4" id="css-properties"><span class="secno">3.4. </span><span class="content">CSS Properties</span><a class="self-link" href="#css-properties"></a></h3>
   <h4 class="heading settled" data-level="3.4.1" id="css-simple-aliases"><span class="secno">3.4.1. </span><span class="content">Simple property aliases</span><a class="self-link" href="#css-simple-aliases"></a></h4>
   <p>The following <code>-webkit-</code> <a data-link-type="dfn" href="https://www.w3.org/TR/CSS/#vendor-prefix" id="ref-for-vendor-prefix①">vendor prefixed</a> properties must be supported as aliases of the corresponding unprefixed property:</p>
   <table>
    <thead>
     <tr>
      <th><code>-webkit-</code> prefixed property alias
      <th>unprefixed property
    <tbody>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-align-items">-webkit-align-items<a class="self-link" href="#propdef--webkit-align-items"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-align-3/#propdef-align-items" id="ref-for-propdef-align-items">align-items</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-align-content">-webkit-align-content<a class="self-link" href="#propdef--webkit-align-content"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-align-3/#propdef-align-content" id="ref-for-propdef-align-content">align-content</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-align-self">-webkit-align-self<a class="self-link" href="#propdef--webkit-align-self"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-align-3/#propdef-align-self" id="ref-for-propdef-align-self">align-self</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-animation-name">-webkit-animation-name<a class="self-link" href="#propdef--webkit-animation-name"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-name" id="ref-for-propdef-animation-name">animation-name</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-animation-duration">-webkit-animation-duration<a class="self-link" href="#propdef--webkit-animation-duration"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-duration" id="ref-for-propdef-animation-duration">animation-duration</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-animation-timing-function">-webkit-animation-timing-function<a class="self-link" href="#propdef--webkit-animation-timing-function"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-timing-function" id="ref-for-propdef-animation-timing-function">animation-timing-function</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-animation-iteration-count">-webkit-animation-iteration-count<a class="self-link" href="#propdef--webkit-animation-iteration-count"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-iteration-count" id="ref-for-propdef-animation-iteration-count">animation-iteration-count</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-animation-direction">-webkit-animation-direction<a class="self-link" href="#propdef--webkit-animation-direction"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-direction" id="ref-for-propdef-animation-direction">animation-direction</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-animation-play-state">-webkit-animation-play-state<a class="self-link" href="#propdef--webkit-animation-play-state"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state" id="ref-for-propdef-animation-play-state">animation-play-state</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-animation-delay">-webkit-animation-delay<a class="self-link" href="#propdef--webkit-animation-delay"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-delay" id="ref-for-propdef-animation-delay">animation-delay</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-animation-fill-mode">-webkit-animation-fill-mode<a class="self-link" href="#propdef--webkit-animation-fill-mode"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-fill-mode" id="ref-for-propdef-animation-fill-mode">animation-fill-mode</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-animation">-webkit-animation<a class="self-link" href="#propdef--webkit-animation"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation" id="ref-for-propdef-animation">animation</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-backface-visibility">-webkit-backface-visibility<a class="self-link" href="#propdef--webkit-backface-visibility"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transforms-2/#propdef-backface-visibility" id="ref-for-propdef-backface-visibility">backface-visibility</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-background-origin">-webkit-background-origin<a class="self-link" href="#propdef--webkit-background-origin"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-origin" id="ref-for-propdef-background-origin">background-origin</a></code>
     <tr>
      <td>
        <code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-background-size">-webkit-background-size<a class="self-link" href="#propdef--webkit-background-size"></a></dfn></code> 
       <p class="XXX"> Not simple. See <a href="https://github.com/whatwg/compat/issues/28">issue #28</a>. </p>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-size" id="ref-for-propdef-background-size">background-size</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-border-bottom-left-radius">-webkit-border-bottom-left-radius<a class="self-link" href="#propdef--webkit-border-bottom-left-radius"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-bottom-left-radius" id="ref-for-propdef-border-bottom-left-radius">border-bottom-left-radius</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-border-bottom-right-radius">-webkit-border-bottom-right-radius<a class="self-link" href="#propdef--webkit-border-bottom-right-radius"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-bottom-right-radius" id="ref-for-propdef-border-bottom-right-radius">border-bottom-right-radius</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-border-top-left-radius">-webkit-border-top-left-radius<a class="self-link" href="#propdef--webkit-border-top-left-radius"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-top-left-radius" id="ref-for-propdef-border-top-left-radius">border-top-left-radius</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-border-top-right-radius">-webkit-border-top-right-radius<a class="self-link" href="#propdef--webkit-border-top-right-radius"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-top-right-radius" id="ref-for-propdef-border-top-right-radius">border-top-right-radius</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-border-radius">-webkit-border-radius<a class="self-link" href="#propdef--webkit-border-radius"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-radius" id="ref-for-propdef-border-radius">border-radius</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-box-shadow">-webkit-box-shadow<a class="self-link" href="#propdef--webkit-box-shadow"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-box-shadow" id="ref-for-propdef-box-shadow">box-shadow</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-box-sizing">-webkit-box-sizing<a class="self-link" href="#propdef--webkit-box-sizing"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-sizing-3/#propdef-box-sizing" id="ref-for-propdef-box-sizing">box-sizing</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export data-lt="-webkit-flex-propdef" id="propdef--webkit-flex-propdef">-webkit-flex<a class="self-link" href="#propdef--webkit-flex-propdef"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex" id="ref-for-propdef-flex">flex</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-flex-basis">-webkit-flex-basis<a class="self-link" href="#propdef--webkit-flex-basis"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-basis" id="ref-for-propdef-flex-basis">flex-basis</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-flex-direction">-webkit-flex-direction<a class="self-link" href="#propdef--webkit-flex-direction"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-direction" id="ref-for-propdef-flex-direction">flex-direction</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-flex-flow">-webkit-flex-flow<a class="self-link" href="#propdef--webkit-flex-flow"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-flow" id="ref-for-propdef-flex-flow">flex-flow</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-flex-grow">-webkit-flex-grow<a class="self-link" href="#propdef--webkit-flex-grow"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-grow" id="ref-for-propdef-flex-grow">flex-grow</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-flex-shrink">-webkit-flex-shrink<a class="self-link" href="#propdef--webkit-flex-shrink"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-shrink" id="ref-for-propdef-flex-shrink">flex-shrink</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-flex-wrap">-webkit-flex-wrap<a class="self-link" href="#propdef--webkit-flex-wrap"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-wrap" id="ref-for-propdef-flex-wrap">flex-wrap</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-filter">-webkit-filter<a class="self-link" href="#propdef--webkit-filter"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/filter-effects-1/#propdef-filter" id="ref-for-propdef-filter">filter</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-justify-content">-webkit-justify-content<a class="self-link" href="#propdef--webkit-justify-content"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-align-3/#propdef-justify-content" id="ref-for-propdef-justify-content">justify-content</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask">-webkit-mask<a class="self-link" href="#propdef--webkit-mask"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask" id="ref-for-propdef-mask">mask</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-box-image">-webkit-mask-box-image<a class="self-link" href="#propdef--webkit-mask-box-image"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border" id="ref-for-propdef-mask-border">mask-border</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-box-image-outset">-webkit-mask-box-image-outset<a class="self-link" href="#propdef--webkit-mask-box-image-outset"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-outset" id="ref-for-propdef-mask-border-outset">mask-border-outset</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-box-image-repeat">-webkit-mask-box-image-repeat<a class="self-link" href="#propdef--webkit-mask-box-image-repeat"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-repeat" id="ref-for-propdef-mask-border-repeat">mask-border-repeat</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-box-image-slice">-webkit-mask-box-image-slice<a class="self-link" href="#propdef--webkit-mask-box-image-slice"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-slice" id="ref-for-propdef-mask-border-slice">mask-border-slice</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-box-image-source">-webkit-mask-box-image-source<a class="self-link" href="#propdef--webkit-mask-box-image-source"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-source" id="ref-for-propdef-mask-border-source">mask-border-source</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-box-image-width">-webkit-mask-box-image-width<a class="self-link" href="#propdef--webkit-mask-box-image-width"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-width" id="ref-for-propdef-mask-border-width">mask-border-width</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-clip">-webkit-mask-clip<a class="self-link" href="#propdef--webkit-mask-clip"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-clip" id="ref-for-propdef-mask-clip">mask-clip</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-composite">-webkit-mask-composite<a class="self-link" href="#propdef--webkit-mask-composite"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-composite" id="ref-for-propdef-mask-composite">mask-composite</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-image">-webkit-mask-image<a class="self-link" href="#propdef--webkit-mask-image"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-image" id="ref-for-propdef-mask-image">mask-image</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-origin">-webkit-mask-origin<a class="self-link" href="#propdef--webkit-mask-origin"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-origin" id="ref-for-propdef-mask-origin">mask-origin</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-position">-webkit-mask-position<a class="self-link" href="#propdef--webkit-mask-position"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-position" id="ref-for-propdef-mask-position">mask-position</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-repeat">-webkit-mask-repeat<a class="self-link" href="#propdef--webkit-mask-repeat"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-repeat" id="ref-for-propdef-mask-repeat">mask-repeat</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-mask-size">-webkit-mask-size<a class="self-link" href="#propdef--webkit-mask-size"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-size" id="ref-for-propdef-mask-size">mask-size</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-order">-webkit-order<a class="self-link" href="#propdef--webkit-order"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-order" id="ref-for-propdef-order">order</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-perspective">-webkit-perspective<a class="self-link" href="#propdef--webkit-perspective"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transforms-2/#propdef-perspective" id="ref-for-propdef-perspective">perspective</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-perspective-origin">-webkit-perspective-origin<a class="self-link" href="#propdef--webkit-perspective-origin"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transforms-2/#propdef-perspective-origin" id="ref-for-propdef-perspective-origin">perspective-origin</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-transform-origin">-webkit-transform-origin<a class="self-link" href="#propdef--webkit-transform-origin"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transforms-1/#propdef-transform-origin" id="ref-for-propdef-transform-origin">transform-origin</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-transform-style">-webkit-transform-style<a class="self-link" href="#propdef--webkit-transform-style"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transforms-2/#propdef-transform-style" id="ref-for-propdef-transform-style">transform-style</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-transform">-webkit-transform<a class="self-link" href="#propdef--webkit-transform"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transforms-1/#propdef-transform" id="ref-for-propdef-transform">transform</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-transition-delay">-webkit-transition-delay<a class="self-link" href="#propdef--webkit-transition-delay"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-delay" id="ref-for-propdef-transition-delay">transition-delay</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-transition-duration">-webkit-transition-duration<a class="self-link" href="#propdef--webkit-transition-duration"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-duration" id="ref-for-propdef-transition-duration">transition-duration</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-transition-property">-webkit-transition-property<a class="self-link" href="#propdef--webkit-transition-property"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-property" id="ref-for-propdef-transition-property">transition-property</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-transition-timing-function">-webkit-transition-timing-function<a class="self-link" href="#propdef--webkit-transition-timing-function"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-timing-function" id="ref-for-propdef-transition-timing-function">transition-timing-function</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-transition">-webkit-transition<a class="self-link" href="#propdef--webkit-transition"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transitions-1/#propdef-transition" id="ref-for-propdef-transition">transition</a></code>
   </table>
   <h4 class="heading settled" data-level="3.4.2" id="css-prefixed-aliases"><span class="secno">3.4.2. </span><span class="content">Prefixed property aliases</span><a class="self-link" href="#css-prefixed-aliases"></a></h4>
   <p>The following <code>-webkit-</code> <a data-link-type="dfn" href="https://www.w3.org/TR/CSS/#vendor-prefix" id="ref-for-vendor-prefix②">vendor prefixed</a> properties must be supported as aliases of the corresponding unprefixed properties. If the user agent does not ship the unprefixed equivalent, the <code>-webkit-</code> prefixed property must be treated as an alias of the user agent’s own vendor prefixed property.</p>
   <table>
    <thead>
     <tr>
      <th><code>-webkit-</code> prefixed property alias
      <th>(vendor prefixed) property
    <tbody>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-text-size-adjust">-webkit-text-size-adjust<a class="self-link" href="#propdef--webkit-text-size-adjust"></a></dfn></code>
      <td><code>(-prefix-)<a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-size-adjust-1/#propdef-text-size-adjust" id="ref-for-propdef-text-size-adjust">text-size-adjust</a></code>
   </table>
   <p><br></p>
   <div class="note" role="note">As soon as each property is unprefixable it can be defined as a "simple" alias.</div>
   <h4 class="heading settled" data-level="3.4.3" id="css-non-aliased"><span class="secno">3.4.3. </span><span class="content">Non-aliased vendor prefixed properties</span><a class="self-link" href="#css-non-aliased"></a></h4>
   <p class="note" role="note"><span>Note:</span> This section used to have a specification for the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-ui-4/#propdef--webkit-appearance" id="ref-for-propdef--webkit-appearance">-webkit-appearance</a> property.
This is now defined in <a href="https://drafts.csswg.org/css-ui/#appearance-switching">CSS Basic User Interface Module</a>.</p>
   <h4 class="heading settled" data-level="3.4.4" id="css-property-mappings"><span class="secno">3.4.4. </span><span class="content">Property mappings</span><a class="self-link" href="#css-property-mappings"></a></h4>
   <p>The following <code>-webkit-</code> <a data-link-type="dfn" href="https://www.w3.org/TR/CSS/#vendor-prefix" id="ref-for-vendor-prefix③">vendor prefixed</a> properties must be supported as mappings to the corresponding unprefixed property:</p>
   <table>
    <thead>
     <tr>
      <th><code>-webkit-</code> prefixed property
      <th>unprefixed property
    <tbody>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-box-align">-webkit-box-align<a class="self-link" href="#propdef--webkit-box-align"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-align-3/#propdef-align-items" id="ref-for-propdef-align-items①">align-items</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-box-flex">-webkit-box-flex<a class="self-link" href="#propdef--webkit-box-flex"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-grow" id="ref-for-propdef-flex-grow①">flex-grow</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-box-ordinal-group">-webkit-box-ordinal-group<a class="self-link" href="#propdef--webkit-box-ordinal-group"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-order" id="ref-for-propdef-order①">order</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-box-orient">-webkit-box-orient<a class="self-link" href="#propdef--webkit-box-orient"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-direction" id="ref-for-propdef-flex-direction①">flex-direction</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-type="property" data-export id="propdef--webkit-box-pack">-webkit-box-pack<a class="self-link" href="#propdef--webkit-box-pack"></a></dfn></code>
      <td><code><a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-align-3/#propdef-justify-content" id="ref-for-propdef-justify-content①">justify-content</a></code>
   </table>
   <h4 class="heading settled" data-level="3.4.5" id="css-keyword-mappings"><span class="secno">3.4.5. </span><span class="content">Keyword mappings</span><a class="self-link" href="#css-keyword-mappings"></a></h4>
   <p>The following <code>-webkit-</code> <a data-link-type="dfn" href="https://www.w3.org/TR/CSS/#vendor-prefix" id="ref-for-vendor-prefix④">vendor prefixed</a> keywords must be supported as mappings to the corresponding unprefixed keyword:</p>
   <table>
    <thead>
     <tr>
      <th><code>-webkit-</code> prefixed keyword
      <th>unprefixed property keyword
    <tbody>
     <tr>
      <td><code><dfn class="css" data-dfn-for="flex" data-dfn-type="value" data-export id="valdef-flex--webkit-box">-webkit-box<a class="self-link" href="#valdef-flex--webkit-box"></a></dfn></code>
      <td><code><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-display-3/#valdef-display-flex" id="ref-for-valdef-display-flex">flex</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-for="flex" data-dfn-type="value" data-export data-lt="-webkit-flex-valdef" id="valdef-flex--webkit-flex-valdef">-webkit-flex<a class="self-link" href="#valdef-flex--webkit-flex-valdef"></a></dfn></code>
      <td><code><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-display-3/#valdef-display-flex" id="ref-for-valdef-display-flex①">flex</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-for="flex" data-dfn-type="value" data-export id="valdef-flex--webkit-inline-box">-webkit-inline-box<a class="self-link" href="#valdef-flex--webkit-inline-box"></a></dfn></code>
      <td><code><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-flexbox-1/#valdef-display-inline-flex" id="ref-for-valdef-display-inline-flex">inline-flex</a></code>
     <tr>
      <td><code><dfn class="css" data-dfn-for="flex" data-dfn-type="value" data-export id="valdef-flex--webkit-inline-flex">-webkit-inline-flex<a class="self-link" href="#valdef-flex--webkit-inline-flex"></a></dfn></code>
      <td><code><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-flexbox-1/#valdef-display-inline-flex" id="ref-for-valdef-display-inline-flex①">inline-flex</a></code>
   </table>
   <h4 class="heading settled" data-level="3.4.6" id="the-webkit-background-clip-property"><span class="secno">3.4.6. </span><span class="content">Foreground Text Clipping: the <code> <a class="property" data-link-type="propdesc" href="#propdef--webkit-background-clip" id="ref-for-propdef--webkit-background-clip">-webkit-background-clip</a></code> property</span><a class="self-link" href="#the-webkit-background-clip-property"></a></h4>
   <table class="def propdef" data-link-for-hint="-webkit-background-clip">
    <tbody>
     <tr>
      <th>Name:
      <td><dfn class="dfn-paneled css" data-dfn-type="property" data-export id="propdef--webkit-background-clip">-webkit-background-clip</dfn>
     <tr class="value">
      <th><a href="https://drafts.csswg.org/css-values/#value-defs">Value:</a>
      <td class="prod">border-box <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one">|</a> padding-box <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one①">|</a> content-box <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one②">|</a> text
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#initial-values">Initial:</a>
      <td>none
     <tr>
      <th>Applies to:
      <td><a href="https://drafts.csswg.org/css-pseudo/#generated-content" title="Includes ::before and ::after pseudo-elements.">all elements</a>
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#inherited-property">Inherited:</a>
      <td>no
     <tr>
      <th><a href="https://drafts.csswg.org/css-values/#percentages">Percentages:</a>
      <td>N/A
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#computed">Computed value:</a>
      <td>"text"
     <tr>
      <th>Canonical order:
      <td>per grammar
     <tr>
      <th><a href="https://drafts.csswg.org/web-animations/#animation-type">Animation type:</a>
      <td>discrete
     <tr>
      <th>Media:
      <td>visual
   </table>
   <p>The <code><a class="property" data-link-type="propdesc" href="#propdef--webkit-background-clip" id="ref-for-propdef--webkit-background-clip①">-webkit-background-clip</a></code> property—when its value is <a class="css" data-link-type="maybe" href="#valdef--webkit-background-clip-text" id="ref-for-valdef--webkit-background-clip-text">text</a>—creates a background <a data-link-type="dfn" href="https://drafts.fxtf.org/css-masking-1/#clipping-region" id="ref-for-clipping-region">clipping region</a> from the outer text stroke of the foreground text (including alpha transparency).</p>
   <p>The <code><a class="property" data-link-type="propdesc" href="#propdef--webkit-background-clip" id="ref-for-propdef--webkit-background-clip②">-webkit-background-clip</a></code> property is a simple alias of the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-clip" id="ref-for-propdef-background-clip">background-clip</a> property for all other <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-backgrounds-3/#typedef-box" id="ref-for-typedef-box">&lt;box></a> values.</p>
   <div class="note" role="note"> Note that the root element has a different background painting area, and thus the <a class="property" data-link-type="propdesc" href="#propdef--webkit-background-clip" id="ref-for-propdef--webkit-background-clip③">-webkit-background-clip</a> property has no effect when specified on it. See <a data-link-type="dfn" href="https://drafts.csswg.org/css-backgrounds-3/#special-backgrounds" id="ref-for-special-backgrounds">the backgrounds of special elements</a>. </div>
   <dl>
    <dt><dfn class="css" data-dfn-for="-webkit-background-clip" data-dfn-type="value" data-export id="valdef--webkit-background-clip-border-box">border-box<a class="self-link" href="#valdef--webkit-background-clip-border-box"></a></dfn> 
    <dd>The background is painted within (clipped to) the border box. 
    <dt><dfn class="css" data-dfn-for="-webkit-background-clip" data-dfn-type="value" data-export id="valdef--webkit-background-clip-padding-box">padding-box<a class="self-link" href="#valdef--webkit-background-clip-padding-box"></a></dfn> 
    <dd>The background is painted within (clipped to) the padding box. 
    <dt><dfn class="css" data-dfn-for="-webkit-background-clip" data-dfn-type="value" data-export id="valdef--webkit-background-clip-content-box">content-box<a class="self-link" href="#valdef--webkit-background-clip-content-box"></a></dfn> 
    <dd>The background is painted within (clipped to) the content box. 
    <dt><dfn class="dfn-paneled css" data-dfn-for="-webkit-background-clip" data-dfn-type="value" data-export id="valdef--webkit-background-clip-text">text</dfn> 
    <dd>Indicates that the background image should clip to the foreground text 
   </dl>
   <br> 
   <div class="example" id="example-webkit-background-clip">
    <a class="self-link" href="#example-webkit-background-clip"></a> Here’s an example showing how to use <code><a class="property" data-link-type="propdesc" href="#propdef--webkit-background-clip" id="ref-for-propdef--webkit-background-clip④">-webkit-background-clip</a>: text</code> together with <code>-webkit-text-fill-color: transparent</code> to achieve text with a gradient color effect. 
<pre class="lang-css highlight"><c- f>p </c-><c- p>{</c->
  <c- k>background</c-><c- p>:</c-> <c- nf>linear-gradient</c-><c- p>(</c-><c- m>90</c-><c- l>deg</c-><c- p>,</c-> red<c- p>,</c-> blue<c- p>);</c->
  <c- k>color</c-><c- p>:</c-> #fff<c- p>;</c->
  <c- k>-webkit-background-clip</c-><c- p>:</c-> text<c- p>;</c->
  <c- k>-webkit-text-fill-color</c-><c- p>:</c-> transparent<c- p>;</c->
<c- p>}</c->
</pre>
    <p>Browsers that don’t support <code><a class="property" data-link-type="propdesc" href="#propdef--webkit-background-clip" id="ref-for-propdef--webkit-background-clip⑤">-webkit-background-clip</a></code> or <code><a class="property" data-link-type="propdesc" href="#propdef--webkit-text-fill-color" id="ref-for-propdef--webkit-text-fill-color">-webkit-text-fill-color</a></code> will use the <code>color</code> declaration as a fallback color.</p>
   </div>
   <h4 class="heading settled" data-level="3.4.7" id="text-fill-and-stroking"><span class="secno">3.4.7. </span><span class="content">Text Fill and Stroking</span><a class="self-link" href="#text-fill-and-stroking"></a></h4>
   <h5 class="heading settled" data-level="3.4.7.1" id="the-webkit-text-fill-color"><span class="secno">3.4.7.1. </span><span class="content">Foreground Text Color: the <code> <a class="property" data-link-type="propdesc" href="#propdef--webkit-text-fill-color" id="ref-for-propdef--webkit-text-fill-color①">-webkit-text-fill-color</a></code> property</span><a class="self-link" href="#the-webkit-text-fill-color"></a></h5>
   <table class="def propdef" data-link-for-hint="-webkit-text-fill-color">
    <tbody>
     <tr>
      <th>Name:
      <td><dfn class="dfn-paneled css" data-dfn-type="property" data-export id="propdef--webkit-text-fill-color">-webkit-text-fill-color</dfn>
     <tr class="value">
      <th><a href="https://drafts.csswg.org/css-values/#value-defs">Value:</a>
      <td class="prod"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-color-3/#valuea-def-color" id="ref-for-valuea-def-color" title="Expands to: indigo | gold | firebrick | indianred | yellow | darkolivegreen | darkseagreen | slategrey | darkslategrey | mediumvioletred | mediumorchid | transparent | chartreuse | mediumslateblue | black | springgreen | crimson | lightsalmon | brown | turquoise | olivedrab | cyan | silver | skyblue | gray | darkturquoise | goldenrod | darkgreen | darkviolet | darkgray | lightpink | teal | darkmagenta | lightgoldenrodyellow | lavender | yellowgreen | thistle | violet | navy | dimgrey | orchid | blue | ghostwhite | honeydew | cornflowerblue | darkblue | darkkhaki | mediumpurple | cornsilk | red | bisque | slategray | darkcyan | khaki | wheat | deepskyblue | rebeccapurple | darkred | steelblue | aliceblue | lightslategrey | gainsboro | mediumturquoise | floralwhite | coral | purple | lightgrey | lightcyan | darksalmon | beige | azure | lightsteelblue | oldlace | greenyellow | royalblue | lightseagreen | mistyrose | sienna | lightcoral | orangered | navajowhite | lime | palegreen | burlywood | seashell | mediumspringgreen | fuchsia | papayawhip | blanchedalmond | peru | aquamarine | white | darkslategray | tomato | ivory | dodgerblue | currentcolor | lemonchiffon | chocolate | orange | forestgreen | darkgrey | olive | mintcream | antiquewhite | darkorange | cadetblue | moccasin | limegreen | saddlebrown | grey | darkslateblue | lightskyblue | deeppink | plum | aqua | darkgoldenrod | maroon | sandybrown | magenta | tan | rosybrown | pink | lightblue | palevioletred | mediumseagreen | slateblue | dimgray | powderblue | seagreen | snow | mediumblue | midnightblue | paleturquoise | palegoldenrod | whitesmoke | darkorchid | salmon | lightslategray | lawngreen | lightgreen | lightgray | hotpink | lightyellow | lavenderblush | linen | mediumaquamarine | green | blueviolet | peachpuff">&lt;color></a>
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#initial-values">Initial:</a>
      <td><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-color-4/#valdef-color-currentcolor" id="ref-for-valdef-color-currentcolor">currentcolor</a>
     <tr>
      <th>Applies to:
      <td><a href="https://drafts.csswg.org/css-pseudo/#generated-content" title="Includes ::before and ::after pseudo-elements.">all elements</a>
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#inherited-property">Inherited:</a>
      <td>yes
     <tr>
      <th><a href="https://drafts.csswg.org/css-values/#percentages">Percentages:</a>
      <td>N/A
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#computed">Computed value:</a>
      <td>an RGBA color
     <tr>
      <th>Canonical order:
      <td>per grammar
     <tr>
      <th><a href="https://drafts.csswg.org/web-animations/#animation-type">Animation type:</a>
      <td>as <a data-link-type="dfn" href="https://drafts.csswg.org/css-transitions/#animtype-color" id="ref-for-animtype-color">color</a>
     <tr>
      <th>Media:
      <td>visual
   </table>
   <p>The <a class="property" data-link-type="propdesc" href="#propdef--webkit-text-fill-color" id="ref-for-propdef--webkit-text-fill-color②">-webkit-text-fill-color</a> property defines the foreground fill color of an element’s text
content.</p>
   <div class="example" id="example-webkit-text-fill-color">
    <a class="self-link" href="#example-webkit-text-fill-color"></a> Here’s an example showing <code><a class="property" data-link-type="propdesc" href="#propdef--webkit-text-fill-color" id="ref-for-propdef--webkit-text-fill-color③">-webkit-text-fill-color</a></code> will always determine the
foreground fill color of an element’s text. 
<pre class="lang-css highlight"><c- f>.one </c-><c- p>{</c->
  <c- k>color</c-><c- p>:</c-> blue<c- p>;</c->
  <c- c>/* the following can be omitted because it’s the initial value:</c->
<c- c>  -webkit-text-fill-color: currentcolor; */</c->
<c- p>}</c->

<c- f>.two </c-><c- p>{</c->
  <c- k>color</c-><c- p>:</c-> red<c- p>;</c->
  <c- k>-webkit-text-fill-color</c-><c- p>:</c-> blue<c- p>;</c->
<c- p>}</c->
</pre>
    <p>Elements with the <code>one</code> or <code>two</code> classes will have blue text.</p>
   </div>
   <h5 class="heading settled" data-level="3.4.7.2" id="the-webkit-text-stroke-color"><span class="secno">3.4.7.2. </span><span class="content">Text Stroke Color: the <code> <a class="property" data-link-type="propdesc" href="#propdef--webkit-text-stroke-color" id="ref-for-propdef--webkit-text-stroke-color">-webkit-text-stroke-color</a></code> property</span><a class="self-link" href="#the-webkit-text-stroke-color"></a></h5>
   <table class="def propdef" data-link-for-hint="-webkit-text-stroke-color">
    <tbody>
     <tr>
      <th>Name:
      <td><dfn class="dfn-paneled css" data-dfn-type="property" data-export id="propdef--webkit-text-stroke-color">-webkit-text-stroke-color</dfn>
     <tr class="value">
      <th><a href="https://drafts.csswg.org/css-values/#value-defs">Value:</a>
      <td class="prod"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-color-3/#valuea-def-color" id="ref-for-valuea-def-color①" title="Expands to: indigo | gold | firebrick | indianred | yellow | darkolivegreen | darkseagreen | slategrey | darkslategrey | mediumvioletred | mediumorchid | transparent | chartreuse | mediumslateblue | black | springgreen | crimson | lightsalmon | brown | turquoise | olivedrab | cyan | silver | skyblue | gray | darkturquoise | goldenrod | darkgreen | darkviolet | darkgray | lightpink | teal | darkmagenta | lightgoldenrodyellow | lavender | yellowgreen | thistle | violet | navy | dimgrey | orchid | blue | ghostwhite | honeydew | cornflowerblue | darkblue | darkkhaki | mediumpurple | cornsilk | red | bisque | slategray | darkcyan | khaki | wheat | deepskyblue | rebeccapurple | darkred | steelblue | aliceblue | lightslategrey | gainsboro | mediumturquoise | floralwhite | coral | purple | lightgrey | lightcyan | darksalmon | beige | azure | lightsteelblue | oldlace | greenyellow | royalblue | lightseagreen | mistyrose | sienna | lightcoral | orangered | navajowhite | lime | palegreen | burlywood | seashell | mediumspringgreen | fuchsia | papayawhip | blanchedalmond | peru | aquamarine | white | darkslategray | tomato | ivory | dodgerblue | currentcolor | lemonchiffon | chocolate | orange | forestgreen | darkgrey | olive | mintcream | antiquewhite | darkorange | cadetblue | moccasin | limegreen | saddlebrown | grey | darkslateblue | lightskyblue | deeppink | plum | aqua | darkgoldenrod | maroon | sandybrown | magenta | tan | rosybrown | pink | lightblue | palevioletred | mediumseagreen | slateblue | dimgray | powderblue | seagreen | snow | mediumblue | midnightblue | paleturquoise | palegoldenrod | whitesmoke | darkorchid | salmon | lightslategray | lawngreen | lightgreen | lightgray | hotpink | lightyellow | lavenderblush | linen | mediumaquamarine | green | blueviolet | peachpuff">&lt;color></a>
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#initial-values">Initial:</a>
      <td><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-color-4/#valdef-color-currentcolor" id="ref-for-valdef-color-currentcolor①">currentcolor</a>
     <tr>
      <th>Applies to:
      <td><a href="https://drafts.csswg.org/css-pseudo/#generated-content" title="Includes ::before and ::after pseudo-elements.">all elements</a>
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#inherited-property">Inherited:</a>
      <td>yes
     <tr>
      <th><a href="https://drafts.csswg.org/css-values/#percentages">Percentages:</a>
      <td>N/A
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#computed">Computed value:</a>
      <td>an RGBA color
     <tr>
      <th>Canonical order:
      <td>per grammar
     <tr>
      <th><a href="https://drafts.csswg.org/web-animations/#animation-type">Animation type:</a>
      <td>as <a data-link-type="dfn" href="https://drafts.csswg.org/css-transitions/#animtype-color" id="ref-for-animtype-color①">color</a>
     <tr>
      <th>Media:
      <td>visual
   </table>
   <p>The <a class="property" data-link-type="propdesc" href="#propdef--webkit-text-stroke-color" id="ref-for-propdef--webkit-text-stroke-color①">-webkit-text-stroke-color</a> property specifies a stroke color for an element’s text.</p>
   <h5 class="heading settled" data-level="3.4.7.3" id="the-webkit-text-stroke-width"><span class="secno">3.4.7.3. </span><span class="content">Text Stroke Thickness: the <code> <a class="property" data-link-type="propdesc" href="#propdef--webkit-text-stroke-width" id="ref-for-propdef--webkit-text-stroke-width">-webkit-text-stroke-width</a></code> property</span><a class="self-link" href="#the-webkit-text-stroke-width"></a></h5>
   <table class="def propdef" data-link-for-hint="-webkit-text-stroke-width">
    <tbody>
     <tr>
      <th>Name:
      <td><dfn class="dfn-paneled css" data-dfn-type="property" data-export id="propdef--webkit-text-stroke-width">-webkit-text-stroke-width</dfn>
     <tr class="value">
      <th><a href="https://drafts.csswg.org/css-values/#value-defs">Value:</a>
      <td class="prod"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-backgrounds-3/#typedef-line-width" id="ref-for-typedef-line-width" title="Expands to: thick | medium | thin">&lt;line-width></a>
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#initial-values">Initial:</a>
      <td>0
     <tr>
      <th>Applies to:
      <td><a href="https://drafts.csswg.org/css-pseudo/#generated-content" title="Includes ::before and ::after pseudo-elements.">all elements</a>
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#inherited-property">Inherited:</a>
      <td>yes
     <tr>
      <th><a href="https://drafts.csswg.org/css-values/#percentages">Percentages:</a>
      <td>N/A
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#computed">Computed value:</a>
      <td>absolute length
     <tr>
      <th>Canonical order:
      <td>per grammar
     <tr>
      <th><a href="https://drafts.csswg.org/web-animations/#animation-type">Animation type:</a>
      <td>discrete
     <tr>
      <th>Media:
      <td>visual
   </table>
   <p>The <a class="property" data-link-type="propdesc" href="#propdef--webkit-text-stroke-width" id="ref-for-propdef--webkit-text-stroke-width①">-webkit-text-stroke-width</a> property specifies the width of the stroke drawn at the edge of each
glyph of an element’s text. A zero value results in no stroke being painted. A negative value is
invalid.</p>
   <h5 class="heading settled" data-level="3.4.7.4" id="the-webkit-text-stroke"><span class="secno">3.4.7.4. </span><span class="content">Text Stroke Shorthand: the <code> <a class="property" data-link-type="propdesc" href="#propdef--webkit-text-stroke" id="ref-for-propdef--webkit-text-stroke">-webkit-text-stroke</a></code> property</span><a class="self-link" href="#the-webkit-text-stroke"></a></h5>
   <table class="def propdef" data-link-for-hint="-webkit-text-stroke">
    <tbody>
     <tr>
      <th>Name:
      <td><dfn class="dfn-paneled css" data-dfn-type="property" data-export id="propdef--webkit-text-stroke">-webkit-text-stroke</dfn>
     <tr class="value">
      <th><a href="https://drafts.csswg.org/css-values/#value-defs">Value:</a>
      <td class="prod"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-backgrounds-3/#typedef-line-width" id="ref-for-typedef-line-width①" title="Expands to: thick | medium | thin">&lt;line-width></a> <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-any" id="ref-for-comb-any">||</a> <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-color-3/#valuea-def-color" id="ref-for-valuea-def-color②" title="Expands to: indigo | gold | firebrick | indianred | yellow | darkolivegreen | darkseagreen | slategrey | darkslategrey | mediumvioletred | mediumorchid | transparent | chartreuse | mediumslateblue | black | springgreen | crimson | lightsalmon | brown | turquoise | olivedrab | cyan | silver | skyblue | gray | darkturquoise | goldenrod | darkgreen | darkviolet | darkgray | lightpink | teal | darkmagenta | lightgoldenrodyellow | lavender | yellowgreen | thistle | violet | navy | dimgrey | orchid | blue | ghostwhite | honeydew | cornflowerblue | darkblue | darkkhaki | mediumpurple | cornsilk | red | bisque | slategray | darkcyan | khaki | wheat | deepskyblue | rebeccapurple | darkred | steelblue | aliceblue | lightslategrey | gainsboro | mediumturquoise | floralwhite | coral | purple | lightgrey | lightcyan | darksalmon | beige | azure | lightsteelblue | oldlace | greenyellow | royalblue | lightseagreen | mistyrose | sienna | lightcoral | orangered | navajowhite | lime | palegreen | burlywood | seashell | mediumspringgreen | fuchsia | papayawhip | blanchedalmond | peru | aquamarine | white | darkslategray | tomato | ivory | dodgerblue | currentcolor | lemonchiffon | chocolate | orange | forestgreen | darkgrey | olive | mintcream | antiquewhite | darkorange | cadetblue | moccasin | limegreen | saddlebrown | grey | darkslateblue | lightskyblue | deeppink | plum | aqua | darkgoldenrod | maroon | sandybrown | magenta | tan | rosybrown | pink | lightblue | palevioletred | mediumseagreen | slateblue | dimgray | powderblue | seagreen | snow | mediumblue | midnightblue | paleturquoise | palegoldenrod | whitesmoke | darkorchid | salmon | lightslategray | lawngreen | lightgreen | lightgray | hotpink | lightyellow | lavenderblush | linen | mediumaquamarine | green | blueviolet | peachpuff">&lt;color></a>
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#initial-values">Initial:</a>
      <td>See individual properties
     <tr>
      <th>Applies to:
      <td>See individual properties
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#inherited-property">Inherited:</a>
      <td>yes
     <tr>
      <th><a href="https://drafts.csswg.org/css-values/#percentages">Percentages:</a>
      <td>N/A
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#computed">Computed value:</a>
      <td>See individual properties
     <tr>
      <th>Canonical order:
      <td>per grammar
     <tr>
      <th><a href="https://drafts.csswg.org/web-animations/#animation-type">Animation type:</a>
      <td>See individual properties
     <tr>
      <th>Media:
      <td>visual
   </table>
   <p>The <a class="property" data-link-type="propdesc" href="#propdef--webkit-text-stroke" id="ref-for-propdef--webkit-text-stroke①">-webkit-text-stroke</a> property is a shorthand property for setting the stroke width and stroke
color of an element’s text.</p>
   <div class="example" id="example-webkit-text-stroke">
    <a class="self-link" href="#example-webkit-text-stroke"></a> Here are two examples showing how to use the longhand and shorthand <code><a class="property" data-link-type="propdesc" href="#propdef--webkit-text-stroke" id="ref-for-propdef--webkit-text-stroke②">-webkit-text-stroke</a></code> properties to achieve white text with a black stroked text effect. 
<pre class="lang-css highlight"><c- f>.stroked-text-longhand </c-><c- p>{</c->
  <c- k>color</c-><c- p>:</c-> #fff<c- p>;</c->
  <c- k>-webkit-text-stroke-color</c-><c- p>:</c-> #000<c- p>;</c->
  <c- k>-webkit-text-stroke-width</c-><c- p>:</c-> <c- m>1</c-><c- l>px</c-><c- p>;</c->
<c- p>}</c->

<c- f>.stroked-text-shorthand </c-><c- p>{</c->
  <c- k>-webkit-text-fill-color</c-><c- p>:</c-> #fff<c- p>;</c->
  <c- k>-webkit-text-stroke</c-><c- p>:</c-> thin #000<c- p>;</c->
<c- p>}</c->
</pre>
    <p>The element </p>
<pre>&lt;p class="stroked-text-longhand">Serious typography&lt;/p></pre>
     would be
rendered as follows:
    <p></p>
    <p><img alt="image of stroked text" crossorigin src="stroked-text.png" style="width: 381px;height: 116px;"></p>
   </div>
   <h3 class="heading settled" data-level="3.5" id="css-property-values"><span class="secno">3.5. </span><span class="content">CSS Property values</span><a class="self-link" href="#css-property-values"></a></h3>
   <h4 class="heading settled" data-level="3.5.1" id="touch-action"><span class="secno">3.5.1. </span><span class="content">Additional <code>touch-action</code> values</span><a class="self-link" href="#touch-action"></a></h4>
   <p>This section augments the <a href="https://w3c.github.io/pointerevents/#the-touch-action-css-property"> definition of <code>touch-action</code></a> from <a data-link-type="biblio" href="#biblio-pointerevents2">[pointerevents2]</a> to <a href="https://github.com/whatwg/compat/issues/68">add</a> the <code>pinch-zoom</code> value.</p>
   <table class="def propdef" data-link-for-hint="touch-action">
    <tbody>
     <tr>
      <th>Name:
      <td><dfn class="css" data-dfn-type="property" data-export id="propdef-touch-action">touch-action<a class="self-link" href="#propdef-touch-action"></a></dfn>
     <tr class="value">
      <th><a href="https://drafts.csswg.org/css-values/#value-defs">Value:</a>
      <td class="prod">auto <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one③">|</a> none <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one④">|</a> [ [ pan-x <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one⑤">|</a> pan-left <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one⑥">|</a> pan-right ] <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-any" id="ref-for-comb-any①">||</a> [ pan-y <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one⑦">|</a> pan-up <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one⑧">|</a> pan-down ] <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-any" id="ref-for-comb-any②">||</a> pinch-zoom ] <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-4/#comb-one" id="ref-for-comb-one⑨">|</a> manipulation
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#initial-values">Initial:</a>
      <td>auto
     <tr>
      <th>Applies to:
      <td>all elements except: non-replaced inline elements, table rows, row groups, table columns, and column groups.
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#inherited-property">Inherited:</a>
      <td>no
     <tr>
      <th><a href="https://drafts.csswg.org/css-values/#percentages">Percentages:</a>
      <td>N/A
     <tr>
      <th><a href="https://drafts.csswg.org/css-cascade/#computed">Computed value:</a>
      <td>Same as specified value
     <tr>
      <th>Canonical order:
      <td>per grammar
     <tr>
      <th><a href="https://drafts.csswg.org/web-animations/#animation-type">Animation type:</a>
      <td>discrete
     <tr>
      <th>Media:
      <td>visual
   </table>
   <p>When specified, the <code>pinch-zoom</code> token enables multi-finger panning and zooming of the page.
For zooming to occur, all fingers must start on an element that has the pinch-zoom behavior enabled
(via one of the <code>pinch-zoom</code>, <code>manipulation</code>, or <code>auto</code> values on itself
or an ancestor).</p>
   <div class="note" role="note">Scenarios like image carousels which wish to disable only horizontal panning can use "<code>touch-action: pan-y pinch-zoom</code>"
to avoid disabling zooming unnecessarily.</div>
   <p><code>manipulation</code> is an alias for "<code>pan-x pan-y pinch-zoom</code>".</p>
   <h2 class="heading settled" data-level="4" id="dom-compat-section"><span class="secno">4. </span><span class="content">DOM Compatibility</span><a class="self-link" href="#dom-compat-section"></a></h2>
   <h3 class="heading settled" data-level="4.1" id="webkitcssmatrix-interface"><span class="secno">4.1. </span><span class="content">The WebKitCSSMatrix interface</span><a class="self-link" href="#webkitcssmatrix-interface"></a></h3>
   <div class="note" role="note"><code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#webkitcssmatrix" id="ref-for-webkitcssmatrix">WebKitCSSMatrix</a></code> is now defined by the DOM Geometry specification. <a data-link-type="biblio" href="#biblio-geometry-1">[geometry-1]</a>.</div>
   <h3 class="heading settled" data-level="4.2" id="windoworientation-interface"><span class="secno">4.2. </span><span class="content"><a class="idl-code" data-link-type="attribute" href="#dom-window-orientation" id="ref-for-dom-window-orientation"><code>window.orientation</code></a> API</span><a class="self-link" href="#windoworientation-interface"></a></h3>
<pre class="idl highlight def"><c- b>partial</c-> <c- b>interface</c-> <a class="idl-code" data-link-type="interface" href="https://html.spec.whatwg.org/multipage/window-object.html#window" id="ref-for-window"><c- g>Window</c-></a> {
    <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-short" id="ref-for-idl-short"><c- b>short</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="short" href="#dom-window-orientation" id="ref-for-dom-window-orientation①"><c- g>orientation</c-></a>;
    <c- b>attribute</c-> <a class="n" data-link-type="idl-name" href="https://html.spec.whatwg.org/multipage/webappapis.html#eventhandler" id="ref-for-eventhandler"><c- n>EventHandler</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="Window" data-dfn-type="attribute" data-export data-type="EventHandler" id="dom-window-onorientationchange"><code><c- g>onorientationchange</c-></code></dfn>;
};

<c- b>partial</c-> <c- b>interface</c-> <a class="idl-code" data-link-type="interface" href="https://html.spec.whatwg.org/multipage/sections.html#htmlbodyelement" id="ref-for-htmlbodyelement"><c- g>HTMLBodyElement</c-></a> {
    <c- b>attribute</c-> <a class="n" data-link-type="idl-name" href="https://html.spec.whatwg.org/multipage/webappapis.html#eventhandler" id="ref-for-eventhandler①"><c- n>EventHandler</c-></a> <dfn class="idl-code" data-dfn-for="HTMLBodyElement" data-dfn-type="attribute" data-export data-type="EventHandler" id="dom-htmlbodyelement-onorientationchange"><code><c- g>onorientationchange</c-></code><a class="self-link" href="#dom-htmlbodyelement-onorientationchange"></a></dfn>;
};
</pre>
   <p>When getting the <dfn class="dfn-paneled idl-code" data-dfn-for="Window" data-dfn-type="attribute" data-export id="dom-window-orientation"><code>orientation</code></dfn> attribute, the user agent must run the following steps:</p>
   <ol>
    <li data-md>
     <p>Return the <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/webappapis.html#responsible-document" id="ref-for-responsible-document">responsible document</a>’s current <a href="#dfn-window-orientation-angle"><code>window.orientation</code> angle</a>.</p>
   </ol>
   <p>Whenever the viewport is drawn at a different angle compared to the device’s natural orientation, the user agent must run the following steps:</p>
   <ol>
    <li data-md>
     <p><a data-link-type="dfn" href="https://dom.spec.whatwg.org/#concept-event-fire" id="ref-for-concept-event-fire">Fire an event</a> named <code><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="event-orientationchange">orientationchange</dfn></code> at the <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/window-object.html#window" id="ref-for-window①">Window</a></code> object of the <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/browsers.html#active-document" id="ref-for-active-document">active document</a>.</p>
   </ol>
   <p>User agents implementing the <a class="idl-code" data-link-type="attribute" href="#dom-window-orientation" id="ref-for-dom-window-orientation②"><code>window.orientation</code></a> attribute and its associated <a data-link-type="dfn" href="#event-orientationchange" id="ref-for-event-orientationchange">orientationchange</a> event must not expose them on Desktop platforms.</p>
   <div class="note" role="note">iOS Safari also fires an <code>orientationchange</code> event on the <code><code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element" id="ref-for-the-body-element">body</a></code></code> element, but other implementations do not, suggesting it’s not necessary for compatibility with the web.</div>
   <h4 class="heading settled" data-level="4.2.1" id="dfn-window-orientation-angle"><span class="secno">4.2.1. </span><span class="content"><a class="idl-code" data-link-type="attribute" href="#dom-window-orientation" id="ref-for-dom-window-orientation③"><code>window.orientation</code></a> angle</span><a class="self-link" href="#dfn-window-orientation-angle"></a></h4>
   <p>The possible values for the <a class="idl-code" data-link-type="attribute" href="#dom-window-orientation" id="ref-for-dom-window-orientation④"><code>window.orientation</code></a> angle are: <code>-90</code>, <code>0</code>, <code>90</code>, <code>180</code>. User agents must support the <code>-90</code>, <code>0</code> and <code>90</code> values and may optionally support <code>180</code>.</p>
   <p class="note" role="note"><code>0</code> represents the natural orientation. <code>-90</code> represents a rotation 90 degrees clockwise from the natural orientation. <code>90</code> represents a rotation 90 degrees counterclockwise from the natural orientation. <code>180</code> represents a rotation 180 degrees from the natural orientation. </p>
   <p>In order to determine the current <a class="idl-code" data-link-type="attribute" href="#dom-window-orientation" id="ref-for-dom-window-orientation⑤"><code>window.orientation</code></a> angle, the user agent must run the following steps:</p>
   <ol>
    <li>
     Return the result of step 3 of the <code class="idl"><a data-link-type="idl" href="https://w3c.github.io/screen-orientation/#screenorientation-interface" id="ref-for-screenorientation-interface">ScreenOrientation</a></code>'s <a data-link-type="dfn" href="https://w3c.github.io/screen-orientation/#dfn-update-the-orientation-information" id="ref-for-dfn-update-the-orientation-information">update the orientation information</a> algorithm with the following changes: 
     <ol>
      <li>If the orientation angle is less than or equal to 180, return the orientation angle 
      <li>If the orientation angle is greater than 180, return the orientation angle - 360. 
      <li>If the resulting orientation angle is 180 and the user agent does not support that value, return 0. 
     </ol>
   </ol>
   <h4 class="heading settled" data-level="4.2.2" id="event-handlers"><span class="secno">4.2.2. </span><span class="content">Event Handlers on <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/window-object.html#window" id="ref-for-window②">Window</a></code> objects and <code><code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element" id="ref-for-the-body-element①">body</a></code></code> elements</span><a class="self-link" href="#event-handlers"></a></h4>
   <p>The following are the event handlers and their corresponding event handler event types that must be supported on all <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/window-object.html#window" id="ref-for-window③">Window</a></code> objects and <code><code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element" id="ref-for-the-body-element②">body</a></code></code> elements as attributes:</p>
   <table>
    <thead>
     <tr>
      <th><a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/webappapis.html#event-handlers" id="ref-for-event-handlers">event handler</a>
      <th><a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/webappapis.html#event-handler-event-type" id="ref-for-event-handler-event-type">event handler event type</a>
    <tbody>
     <tr>
      <td> <code><code class="idl"><a data-link-type="idl" href="#dom-window-onorientationchange" id="ref-for-dom-window-onorientationchange">onorientationchange</a></code></code> 
      <td> <code><a data-link-type="dfn" href="#event-orientationchange" id="ref-for-event-orientationchange①">orientationchange</a></code> 
   </table>
   <div class="XXX"> WebKit also has this on <a href="https://github.com/WebKit/webkit/blob/e455672f9e6861ced85d8be01cb7bc03a30a0555/LayoutTests/fast/dom/event-handler-attributes.html#L335">HTMLFrameSetElement</a>. It’s unclear if this is needed for compatibility. </div>
   <h2 class="no-num heading settled" id="acknowledgements"><span class="content">Acknowledgements</span><a class="self-link" href="#acknowledgements"></a></h2>
    Thanks to Alan Cutter, Cameron McCormack, Chris Rebert, Chun-Min (Jeremy) Chen, Daniel Holbert, David Håsäther, Domenic Denicola, hexalys, Jean-Yves Perrier, Jacob Rossi, Philip Jägenstedt, Rick Byers, Simon Pieters, Stanley Stuart, William Chen and Your Name Here for feedback and contributions to this standard. 
   <p>Thanks to Mounir Lamouri and Marcos Cáceres for defining the <code class="idl"><a data-link-type="idl" href="https://w3c.github.io/screen-orientation/#screenorientation-interface" id="ref-for-screenorientation-interface①">ScreenOrientation</a></code> interface. <a data-link-type="biblio" href="#biblio-screen-orientation">[screen-orientation]</a></p>
   <p>Special thanks to Apple and the WebKit.org blog authors for providing initial descriptions of much of the content defined in this specification.</p>
   <p>This standard is written by <a href="https://miketaylr.com/">Mike Taylor</a> (<a href="https://www.mozilla.org/">Mozilla</a>, <a href="mailto:miket@mozilla.com">miket@mozilla.com</a>).</p>
   <p>Copyright © 1970 WHATWG (Apple, Google, Mozilla, Microsoft). This work is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution
4.0 International License</a>. </p>
  </main>
<script>
"use strict";
if ("serviceWorker" in navigator) {
  navigator.serviceWorker.register("/service-worker.js");
}
</script>
  <h2 class="no-num no-ref heading settled" id="index"><span class="content">Index</span><a class="self-link" href="#index"></a></h2>
  <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="content">Terms defined by this specification</span><a class="self-link" href="#index-defined-here"></a></h3>
  <ul class="index">
   <li><a href="#valdef--webkit-background-clip-border-box">border-box</a><span>, in §3.4.6</span>
   <li><a href="#valdef--webkit-background-clip-content-box">content-box</a><span>, in §3.4.6</span>
   <li>
    onorientationchange
    <ul>
     <li><a href="#dom-htmlbodyelement-onorientationchange">attribute for HTMLBodyElement</a><span>, in §4.2</span>
     <li><a href="#dom-window-onorientationchange">attribute for Window</a><span>, in §4.2</span>
    </ul>
   <li><a href="#dom-window-orientation">orientation</a><span>, in §4.2</span>
   <li><a href="#event-orientationchange">orientationchange</a><span>, in §4.2</span>
   <li><a href="#valdef--webkit-background-clip-padding-box">padding-box</a><span>, in §3.4.6</span>
   <li><a href="#valdef--webkit-background-clip-text">text</a><span>, in §3.4.6</span>
   <li><a href="#propdef-touch-action">touch-action</a><span>, in §3.5.1</span>
   <li><a href="#propdef--webkit-align-content">-webkit-align-content</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-align-items">-webkit-align-items</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-align-self">-webkit-align-self</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-animation">-webkit-animation</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-animation-delay">-webkit-animation-delay</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-animation-direction">-webkit-animation-direction</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-animation-duration">-webkit-animation-duration</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-animation-fill-mode">-webkit-animation-fill-mode</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-animation-iteration-count">-webkit-animation-iteration-count</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-animation-name">-webkit-animation-name</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-animation-play-state">-webkit-animation-play-state</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-animation-timing-function">-webkit-animation-timing-function</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-backface-visibility">-webkit-backface-visibility</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-background-clip">-webkit-background-clip</a><span>, in §3.4.6</span>
   <li><a href="#propdef--webkit-background-origin">-webkit-background-origin</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-background-size">-webkit-background-size</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-border-bottom-left-radius">-webkit-border-bottom-left-radius</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-border-bottom-right-radius">-webkit-border-bottom-right-radius</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-border-radius">-webkit-border-radius</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-border-top-left-radius">-webkit-border-top-left-radius</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-border-top-right-radius">-webkit-border-top-right-radius</a><span>, in §3.4.1</span>
   <li><a href="#valdef-flex--webkit-box">-webkit-box</a><span>, in §3.4.5</span>
   <li><a href="#propdef--webkit-box-align">-webkit-box-align</a><span>, in §3.4.4</span>
   <li><a href="#propdef--webkit-box-flex">-webkit-box-flex</a><span>, in §3.4.4</span>
   <li><a href="#propdef--webkit-box-ordinal-group">-webkit-box-ordinal-group</a><span>, in §3.4.4</span>
   <li><a href="#propdef--webkit-box-orient">-webkit-box-orient</a><span>, in §3.4.4</span>
   <li><a href="#propdef--webkit-box-pack">-webkit-box-pack</a><span>, in §3.4.4</span>
   <li><a href="#propdef--webkit-box-shadow">-webkit-box-shadow</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-box-sizing">-webkit-box-sizing</a><span>, in §3.4.1</span>
   <li><a href="#descdef-media--webkit-device-pixel-ratio">-webkit-device-pixel-ratio</a><span>, in §3.2.1</span>
   <li><a href="#propdef--webkit-filter">-webkit-filter</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-flex-basis">-webkit-flex-basis</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-flex-direction">-webkit-flex-direction</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-flex-flow">-webkit-flex-flow</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-flex-grow">-webkit-flex-grow</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-flex-propdef">-webkit-flex-propdef</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-flex-shrink">-webkit-flex-shrink</a><span>, in §3.4.1</span>
   <li><a href="#valdef-flex--webkit-flex-valdef">-webkit-flex-valdef</a><span>, in §3.4.5</span>
   <li><a href="#propdef--webkit-flex-wrap">-webkit-flex-wrap</a><span>, in §3.4.1</span>
   <li><a href="#valdef-flex--webkit-inline-box">-webkit-inline-box</a><span>, in §3.4.5</span>
   <li><a href="#valdef-flex--webkit-inline-flex">-webkit-inline-flex</a><span>, in §3.4.5</span>
   <li><a href="#propdef--webkit-justify-content">-webkit-justify-content</a><span>, in §3.4.1</span>
   <li><a href="#at-ruledef--webkit-keyframes">@-webkit-keyframes</a><span>, in §3.1</span>
   <li><a href="#-webkit-linear-gradient">-webkit-linear-gradient()</a><span>, in §3.3.1</span>
   <li><a href="#propdef--webkit-mask">-webkit-mask</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-box-image">-webkit-mask-box-image</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-box-image-outset">-webkit-mask-box-image-outset</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-box-image-repeat">-webkit-mask-box-image-repeat</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-box-image-slice">-webkit-mask-box-image-slice</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-box-image-source">-webkit-mask-box-image-source</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-box-image-width">-webkit-mask-box-image-width</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-clip">-webkit-mask-clip</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-composite">-webkit-mask-composite</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-image">-webkit-mask-image</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-origin">-webkit-mask-origin</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-position">-webkit-mask-position</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-repeat">-webkit-mask-repeat</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-mask-size">-webkit-mask-size</a><span>, in §3.4.1</span>
   <li><a href="#descdef-media--webkit-max-device-pixel-ratio">-webkit-max-device-pixel-ratio</a><span>, in §3.2.1</span>
   <li><a href="#descdef-media--webkit-min-device-pixel-ratio">-webkit-min-device-pixel-ratio</a><span>, in §3.2.1</span>
   <li><a href="#propdef--webkit-order">-webkit-order</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-perspective">-webkit-perspective</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-perspective-origin">-webkit-perspective-origin</a><span>, in §3.4.1</span>
   <li><a href="#-webkit-radial-gradient">-webkit-radial-gradient()</a><span>, in §3.3.2</span>
   <li><a href="#-webkit-repeating-linear-gradient">-webkit-repeating-linear-gradient()</a><span>, in §3.3.3</span>
   <li><a href="#-webkit-repeating-radial-gradient">-webkit-repeating-radial-gradient()</a><span>, in §3.3.4</span>
   <li><a href="#propdef--webkit-text-fill-color">-webkit-text-fill-color</a><span>, in §3.4.7.1</span>
   <li><a href="#propdef--webkit-text-size-adjust">-webkit-text-size-adjust</a><span>, in §3.4.2</span>
   <li><a href="#propdef--webkit-text-stroke">-webkit-text-stroke</a><span>, in §3.4.7.4</span>
   <li><a href="#propdef--webkit-text-stroke-color">-webkit-text-stroke-color</a><span>, in §3.4.7.2</span>
   <li><a href="#propdef--webkit-text-stroke-width">-webkit-text-stroke-width</a><span>, in §3.4.7.3</span>
   <li><a href="#propdef--webkit-transform">-webkit-transform</a><span>, in §3.4.1</span>
   <li><a href="#descdef-media--webkit-transform-3d">-webkit-transform-3d</a><span>, in §3.2.2</span>
   <li><a href="#propdef--webkit-transform-origin">-webkit-transform-origin</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-transform-style">-webkit-transform-style</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-transition">-webkit-transition</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-transition-delay">-webkit-transition-delay</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-transition-duration">-webkit-transition-duration</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-transition-property">-webkit-transition-property</a><span>, in §3.4.1</span>
   <li><a href="#propdef--webkit-transition-timing-function">-webkit-transition-timing-function</a><span>, in §3.4.1</span>
  </ul>
  <aside class="dfn-panel" data-for="term-for-propdef-align-content">
   <a href="https://drafts.csswg.org/css-align-3/#propdef-align-content">https://drafts.csswg.org/css-align-3/#propdef-align-content</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-align-content">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-align-items">
   <a href="https://drafts.csswg.org/css-align-3/#propdef-align-items">https://drafts.csswg.org/css-align-3/#propdef-align-items</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-align-items">3.4.1. Simple property aliases</a>
    <li><a href="#ref-for-propdef-align-items①">3.4.4. Property mappings</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-align-self">
   <a href="https://drafts.csswg.org/css-align-3/#propdef-align-self">https://drafts.csswg.org/css-align-3/#propdef-align-self</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-align-self">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-justify-content">
   <a href="https://drafts.csswg.org/css-align-3/#propdef-justify-content">https://drafts.csswg.org/css-align-3/#propdef-justify-content</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-justify-content">3.4.1. Simple property aliases</a>
    <li><a href="#ref-for-propdef-justify-content①">3.4.4. Property mappings</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-at-ruledef-keyframes">
   <a href="https://drafts.csswg.org/css-animations-1/#at-ruledef-keyframes">https://drafts.csswg.org/css-animations-1/#at-ruledef-keyframes</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-at-ruledef-keyframes">3.1. CSS At-rules</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-animation">
   <a href="https://drafts.csswg.org/css-animations-1/#propdef-animation">https://drafts.csswg.org/css-animations-1/#propdef-animation</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-animation">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-animation-delay">
   <a href="https://drafts.csswg.org/css-animations-1/#propdef-animation-delay">https://drafts.csswg.org/css-animations-1/#propdef-animation-delay</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-animation-delay">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-animation-direction">
   <a href="https://drafts.csswg.org/css-animations-1/#propdef-animation-direction">https://drafts.csswg.org/css-animations-1/#propdef-animation-direction</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-animation-direction">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-animation-duration">
   <a href="https://drafts.csswg.org/css-animations-1/#propdef-animation-duration">https://drafts.csswg.org/css-animations-1/#propdef-animation-duration</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-animation-duration">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-animation-fill-mode">
   <a href="https://drafts.csswg.org/css-animations-1/#propdef-animation-fill-mode">https://drafts.csswg.org/css-animations-1/#propdef-animation-fill-mode</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-animation-fill-mode">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-animation-iteration-count">
   <a href="https://drafts.csswg.org/css-animations-1/#propdef-animation-iteration-count">https://drafts.csswg.org/css-animations-1/#propdef-animation-iteration-count</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-animation-iteration-count">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-animation-name">
   <a href="https://drafts.csswg.org/css-animations-1/#propdef-animation-name">https://drafts.csswg.org/css-animations-1/#propdef-animation-name</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-animation-name">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-animation-play-state">
   <a href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state">https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-animation-play-state">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-animation-timing-function">
   <a href="https://drafts.csswg.org/css-animations-1/#propdef-animation-timing-function">https://drafts.csswg.org/css-animations-1/#propdef-animation-timing-function</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-animation-timing-function">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-typedef-box">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#typedef-box">https://drafts.csswg.org/css-backgrounds-3/#typedef-box</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-typedef-box">3.4.6. Foreground Text Clipping: the 
-webkit-background-clip property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-typedef-line-width">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#typedef-line-width">https://drafts.csswg.org/css-backgrounds-3/#typedef-line-width</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-typedef-line-width">3.4.7.3. Text Stroke Thickness: the 
-webkit-text-stroke-width property</a>
    <li><a href="#ref-for-typedef-line-width①">3.4.7.4. Text Stroke Shorthand: the 
-webkit-text-stroke property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-background-clip">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-clip">https://drafts.csswg.org/css-backgrounds-3/#propdef-background-clip</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-background-clip">3.4.6. Foreground Text Clipping: the 
-webkit-background-clip property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-background-origin">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-origin">https://drafts.csswg.org/css-backgrounds-3/#propdef-background-origin</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-background-origin">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-background-size">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-size">https://drafts.csswg.org/css-backgrounds-3/#propdef-background-size</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-background-size">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-border-bottom-left-radius">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-bottom-left-radius">https://drafts.csswg.org/css-backgrounds-3/#propdef-border-bottom-left-radius</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-border-bottom-left-radius">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-border-bottom-right-radius">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-bottom-right-radius">https://drafts.csswg.org/css-backgrounds-3/#propdef-border-bottom-right-radius</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-border-bottom-right-radius">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-border-radius">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-radius">https://drafts.csswg.org/css-backgrounds-3/#propdef-border-radius</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-border-radius">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-border-top-left-radius">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-top-left-radius">https://drafts.csswg.org/css-backgrounds-3/#propdef-border-top-left-radius</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-border-top-left-radius">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-border-top-right-radius">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#propdef-border-top-right-radius">https://drafts.csswg.org/css-backgrounds-3/#propdef-border-top-right-radius</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-border-top-right-radius">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-box-shadow">
   <a href="https://drafts.csswg.org/css-backgrounds-3/#propdef-box-shadow">https://drafts.csswg.org/css-backgrounds-3/#propdef-box-shadow</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-box-shadow">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valuea-def-color">
   <a href="https://drafts.csswg.org/css-color-3/#valuea-def-color">https://drafts.csswg.org/css-color-3/#valuea-def-color</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valuea-def-color">3.4.7.1. Foreground Text Color: the 
-webkit-text-fill-color property</a>
    <li><a href="#ref-for-valuea-def-color①">3.4.7.2. Text Stroke Color: the 
-webkit-text-stroke-color property</a>
    <li><a href="#ref-for-valuea-def-color②">3.4.7.4. Text Stroke Shorthand: the 
-webkit-text-stroke property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-color-currentcolor">
   <a href="https://drafts.csswg.org/css-color-4/#valdef-color-currentcolor">https://drafts.csswg.org/css-color-4/#valdef-color-currentcolor</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-color-currentcolor">3.4.7.1. Foreground Text Color: the 
-webkit-text-fill-color property</a>
    <li><a href="#ref-for-valdef-color-currentcolor①">3.4.7.2. Text Stroke Color: the 
-webkit-text-stroke-color property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-at-ruledef-media">
   <a href="https://drafts.csswg.org/css-conditional-3/#at-ruledef-media">https://drafts.csswg.org/css-conditional-3/#at-ruledef-media</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-at-ruledef-media">3.2.1. 
  -webkit-device-pixel-ratio </a>
    <li><a href="#ref-for-at-ruledef-media①">3.2.2. 
  -webkit-transform-3d </a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-display-flex">
   <a href="https://drafts.csswg.org/css-display-3/#valdef-display-flex">https://drafts.csswg.org/css-display-3/#valdef-display-flex</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-display-flex">3.4.5. Keyword mappings</a> <a href="#ref-for-valdef-display-flex①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-flex">
   <a href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex">https://drafts.csswg.org/css-flexbox-1/#propdef-flex</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-flex">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-flex-basis">
   <a href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-basis">https://drafts.csswg.org/css-flexbox-1/#propdef-flex-basis</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-flex-basis">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-flex-direction">
   <a href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-direction">https://drafts.csswg.org/css-flexbox-1/#propdef-flex-direction</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-flex-direction">3.4.1. Simple property aliases</a>
    <li><a href="#ref-for-propdef-flex-direction①">3.4.4. Property mappings</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-flex-flow">
   <a href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-flow">https://drafts.csswg.org/css-flexbox-1/#propdef-flex-flow</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-flex-flow">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-flex-grow">
   <a href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-grow">https://drafts.csswg.org/css-flexbox-1/#propdef-flex-grow</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-flex-grow">3.4.1. Simple property aliases</a>
    <li><a href="#ref-for-propdef-flex-grow①">3.4.4. Property mappings</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-flex-shrink">
   <a href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-shrink">https://drafts.csswg.org/css-flexbox-1/#propdef-flex-shrink</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-flex-shrink">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-flex-wrap">
   <a href="https://drafts.csswg.org/css-flexbox-1/#propdef-flex-wrap">https://drafts.csswg.org/css-flexbox-1/#propdef-flex-wrap</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-flex-wrap">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-display-inline-flex">
   <a href="https://drafts.csswg.org/css-flexbox-1/#valdef-display-inline-flex">https://drafts.csswg.org/css-flexbox-1/#valdef-display-inline-flex</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-display-inline-flex">3.4.5. Keyword mappings</a> <a href="#ref-for-valdef-display-inline-flex①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-order">
   <a href="https://drafts.csswg.org/css-flexbox-1/#propdef-order">https://drafts.csswg.org/css-flexbox-1/#propdef-order</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-order">3.4.1. Simple property aliases</a>
    <li><a href="#ref-for-propdef-order①">3.4.4. Property mappings</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-clipping-region">
   <a href="https://drafts.fxtf.org/css-masking-1/#clipping-region">https://drafts.fxtf.org/css-masking-1/#clipping-region</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-clipping-region">3.4.6. Foreground Text Clipping: the 
-webkit-background-clip property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask">https://drafts.fxtf.org/css-masking-1/#propdef-mask</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-border">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border">https://drafts.fxtf.org/css-masking-1/#propdef-mask-border</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-border">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-border-outset">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-outset">https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-outset</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-border-outset">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-border-repeat">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-repeat">https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-repeat</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-border-repeat">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-border-slice">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-slice">https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-slice</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-border-slice">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-border-source">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-source">https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-source</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-border-source">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-border-width">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-width">https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-width</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-border-width">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-clip">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-clip">https://drafts.fxtf.org/css-masking-1/#propdef-mask-clip</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-clip">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-composite">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-composite">https://drafts.fxtf.org/css-masking-1/#propdef-mask-composite</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-composite">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-image">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-image">https://drafts.fxtf.org/css-masking-1/#propdef-mask-image</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-image">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-origin">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-origin">https://drafts.fxtf.org/css-masking-1/#propdef-mask-origin</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-origin">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-position">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-position">https://drafts.fxtf.org/css-masking-1/#propdef-mask-position</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-position">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-repeat">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-repeat">https://drafts.fxtf.org/css-masking-1/#propdef-mask-repeat</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-repeat">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-mask-size">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-mask-size">https://drafts.fxtf.org/css-masking-1/#propdef-mask-size</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-mask-size">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-size-adjust">
   <a href="https://drafts.csswg.org/css-size-adjust-1/#propdef-text-size-adjust">https://drafts.csswg.org/css-size-adjust-1/#propdef-text-size-adjust</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-size-adjust">3.4.2. Prefixed property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-box-sizing">
   <a href="https://drafts.csswg.org/css-sizing-3/#propdef-box-sizing">https://drafts.csswg.org/css-sizing-3/#propdef-box-sizing</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-box-sizing">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-transform">
   <a href="https://drafts.csswg.org/css-transforms-1/#propdef-transform">https://drafts.csswg.org/css-transforms-1/#propdef-transform</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-transform">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-transform-origin">
   <a href="https://drafts.csswg.org/css-transforms-1/#propdef-transform-origin">https://drafts.csswg.org/css-transforms-1/#propdef-transform-origin</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-transform-origin">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-backface-visibility">
   <a href="https://drafts.csswg.org/css-transforms-2/#propdef-backface-visibility">https://drafts.csswg.org/css-transforms-2/#propdef-backface-visibility</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-backface-visibility">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-perspective">
   <a href="https://drafts.csswg.org/css-transforms-2/#propdef-perspective">https://drafts.csswg.org/css-transforms-2/#propdef-perspective</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-perspective">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-perspective-origin">
   <a href="https://drafts.csswg.org/css-transforms-2/#propdef-perspective-origin">https://drafts.csswg.org/css-transforms-2/#propdef-perspective-origin</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-perspective-origin">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-transform-style">
   <a href="https://drafts.csswg.org/css-transforms-2/#propdef-transform-style">https://drafts.csswg.org/css-transforms-2/#propdef-transform-style</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-transform-style">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-transition">
   <a href="https://drafts.csswg.org/css-transitions-1/#propdef-transition">https://drafts.csswg.org/css-transitions-1/#propdef-transition</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-transition">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-transition-delay">
   <a href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-delay">https://drafts.csswg.org/css-transitions-1/#propdef-transition-delay</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-transition-delay">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-transition-duration">
   <a href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-duration">https://drafts.csswg.org/css-transitions-1/#propdef-transition-duration</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-transition-duration">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-transition-property">
   <a href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-property">https://drafts.csswg.org/css-transitions-1/#propdef-transition-property</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-transition-property">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-transition-timing-function">
   <a href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-timing-function">https://drafts.csswg.org/css-transitions-1/#propdef-transition-timing-function</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-transition-timing-function">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef--webkit-appearance">
   <a href="https://drafts.csswg.org/css-ui-4/#propdef--webkit-appearance">https://drafts.csswg.org/css-ui-4/#propdef--webkit-appearance</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef--webkit-appearance">3.4.3. Non-aliased vendor prefixed properties</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-number-value">
   <a href="https://drafts.csswg.org/css-values-3/#number-value">https://drafts.csswg.org/css-values-3/#number-value</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-number-value">3.2.1. 
  -webkit-device-pixel-ratio </a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-comb-one">
   <a href="https://drafts.csswg.org/css-values-4/#comb-one">https://drafts.csswg.org/css-values-4/#comb-one</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-comb-one">3.4.6. Foreground Text Clipping: the 
-webkit-background-clip property</a> <a href="#ref-for-comb-one①">(2)</a> <a href="#ref-for-comb-one②">(3)</a>
    <li><a href="#ref-for-comb-one③">3.5.1. Additional touch-action values</a> <a href="#ref-for-comb-one④">(2)</a> <a href="#ref-for-comb-one⑤">(3)</a> <a href="#ref-for-comb-one⑥">(4)</a> <a href="#ref-for-comb-one⑦">(5)</a> <a href="#ref-for-comb-one⑧">(6)</a> <a href="#ref-for-comb-one⑨">(7)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-comb-any">
   <a href="https://drafts.csswg.org/css-values-4/#comb-any">https://drafts.csswg.org/css-values-4/#comb-any</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-comb-any">3.4.7.4. Text Stroke Shorthand: the 
-webkit-text-stroke property</a>
    <li><a href="#ref-for-comb-any①">3.5.1. Additional touch-action values</a> <a href="#ref-for-comb-any②">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-vendor-prefix">
   <a href="https://www.w3.org/TR/CSS/#vendor-prefix">https://www.w3.org/TR/CSS/#vendor-prefix</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-vendor-prefix">3.1. CSS At-rules</a>
    <li><a href="#ref-for-vendor-prefix①">3.4.1. Simple property aliases</a>
    <li><a href="#ref-for-vendor-prefix②">3.4.2. Prefixed property aliases</a>
    <li><a href="#ref-for-vendor-prefix③">3.4.4. Property mappings</a>
    <li><a href="#ref-for-vendor-prefix④">3.4.5. Keyword mappings</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-ltlinear-gradient">
   <a href="https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltlinear-gradient">https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltlinear-gradient</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-ltlinear-gradient">3.3.1. 
  -webkit-linear-gradient() </a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-ltradial-gradient">
   <a href="https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltradial-gradient">https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltradial-gradient</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-ltradial-gradient">3.3.2. 
  -webkit-radial-gradient() </a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-ltrepeating-linear-gradient">
   <a href="https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltrepeating-linear-gradient">https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltrepeating-linear-gradient</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-ltrepeating-linear-gradient">3.3.3. 
  -webkit-repeating-linear-gradient() </a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-ltrepeating-radial-gradient">
   <a href="https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltrepeating-radial-gradient">https://www.w3.org/TR/2011/WD-css3-images-20110217/#ltrepeating-radial-gradient</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-ltrepeating-radial-gradient">3.3.4. 
  -webkit-repeating-radial-gradient() </a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-concept-event-fire">
   <a href="https://dom.spec.whatwg.org/#concept-event-fire">https://dom.spec.whatwg.org/#concept-event-fire</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-concept-event-fire">4.2. window.orientation API</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-filter">
   <a href="https://drafts.fxtf.org/filter-effects-1/#propdef-filter">https://drafts.fxtf.org/filter-effects-1/#propdef-filter</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-filter">3.4.1. Simple property aliases</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-webkitcssmatrix">
   <a href="https://drafts.fxtf.org/geometry-1/#webkitcssmatrix">https://drafts.fxtf.org/geometry-1/#webkitcssmatrix</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-webkitcssmatrix">4.1. The WebKitCSSMatrix interface</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-eventhandler">
   <a href="https://html.spec.whatwg.org/multipage/webappapis.html#eventhandler">https://html.spec.whatwg.org/multipage/webappapis.html#eventhandler</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-eventhandler">4.2. window.orientation API</a> <a href="#ref-for-eventhandler①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-htmlbodyelement">
   <a href="https://html.spec.whatwg.org/multipage/sections.html#htmlbodyelement">https://html.spec.whatwg.org/multipage/sections.html#htmlbodyelement</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-htmlbodyelement">4.2. window.orientation API</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-window">
   <a href="https://html.spec.whatwg.org/multipage/window-object.html#window">https://html.spec.whatwg.org/multipage/window-object.html#window</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-window">4.2. window.orientation API</a> <a href="#ref-for-window①">(2)</a>
    <li><a href="#ref-for-window②">4.2.2. Event Handlers on Window objects and body elements</a> <a href="#ref-for-window③">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-active-document">
   <a href="https://html.spec.whatwg.org/multipage/browsers.html#active-document">https://html.spec.whatwg.org/multipage/browsers.html#active-document</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-active-document">4.2. window.orientation API</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-the-body-element">
   <a href="https://html.spec.whatwg.org/multipage/sections.html#the-body-element">https://html.spec.whatwg.org/multipage/sections.html#the-body-element</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-the-body-element">4.2. window.orientation API</a>
    <li><a href="#ref-for-the-body-element①">4.2.2. Event Handlers on Window objects and body elements</a> <a href="#ref-for-the-body-element②">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-event-handlers">
   <a href="https://html.spec.whatwg.org/multipage/webappapis.html#event-handlers">https://html.spec.whatwg.org/multipage/webappapis.html#event-handlers</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-event-handlers">4.2.2. Event Handlers on Window objects and body elements</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-event-handler-event-type">
   <a href="https://html.spec.whatwg.org/multipage/webappapis.html#event-handler-event-type">https://html.spec.whatwg.org/multipage/webappapis.html#event-handler-event-type</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-event-handler-event-type">4.2.2. Event Handlers on Window objects and body elements</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-responsible-document">
   <a href="https://html.spec.whatwg.org/multipage/webappapis.html#responsible-document">https://html.spec.whatwg.org/multipage/webappapis.html#responsible-document</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-responsible-document">4.2. window.orientation API</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-typedef-mq-boolean">
   <a href="https://drafts.csswg.org/mediaqueries-4/#typedef-mq-boolean">https://drafts.csswg.org/mediaqueries-4/#typedef-mq-boolean</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-typedef-mq-boolean">3.2.2. 
  -webkit-transform-3d </a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-descdef-media-resolution">
   <a href="https://drafts.csswg.org/mediaqueries-4/#descdef-media-resolution">https://drafts.csswg.org/mediaqueries-4/#descdef-media-resolution</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-descdef-media-resolution">3.2.1. 
  -webkit-device-pixel-ratio </a> <a href="#ref-for-descdef-media-resolution①">(2)</a> <a href="#ref-for-descdef-media-resolution②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-media-feature">
   <a href="https://drafts.csswg.org/mediaqueries-4/#media-feature">https://drafts.csswg.org/mediaqueries-4/#media-feature</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-media-feature">3.2.1. 
  -webkit-device-pixel-ratio </a> <a href="#ref-for-media-feature①">(2)</a> <a href="#ref-for-media-feature②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-descdef-media-resolution">
   <a href="https://drafts.csswg.org/mediaqueries-4/#descdef-media-resolution">https://drafts.csswg.org/mediaqueries-4/#descdef-media-resolution</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-descdef-media-resolution">3.2.1. 
  -webkit-device-pixel-ratio </a> <a href="#ref-for-descdef-media-resolution①">(2)</a> <a href="#ref-for-descdef-media-resolution②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-mq-min-max">
   <a href="https://drafts.csswg.org/mediaqueries-4/#mq-min-max">https://drafts.csswg.org/mediaqueries-4/#mq-min-max</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-mq-min-max">3.2.1. 
  -webkit-device-pixel-ratio </a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-descdef-media-resolution">
   <a href="https://drafts.csswg.org/mediaqueries-4/#descdef-media-resolution">https://drafts.csswg.org/mediaqueries-4/#descdef-media-resolution</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-descdef-media-resolution">3.2.1. 
  -webkit-device-pixel-ratio </a> <a href="#ref-for-descdef-media-resolution①">(2)</a> <a href="#ref-for-descdef-media-resolution②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-idl-short">
   <a href="https://heycam.github.io/webidl/#idl-short">https://heycam.github.io/webidl/#idl-short</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-idl-short">4.2. window.orientation API</a>
   </ul>
  </aside>
  <h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
  <ul class="index">
   <li>
    <a data-link-type="biblio">[css-align-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-align-content" style="color:initial">align-content</span>
     <li><span class="dfn-paneled" id="term-for-propdef-align-items" style="color:initial">align-items</span>
     <li><span class="dfn-paneled" id="term-for-propdef-align-self" style="color:initial">align-self</span>
     <li><span class="dfn-paneled" id="term-for-propdef-justify-content" style="color:initial">justify-content</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-animations-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-at-ruledef-keyframes" style="color:initial">@keyframes</span>
     <li><span class="dfn-paneled" id="term-for-propdef-animation" style="color:initial">animation</span>
     <li><span class="dfn-paneled" id="term-for-propdef-animation-delay" style="color:initial">animation-delay</span>
     <li><span class="dfn-paneled" id="term-for-propdef-animation-direction" style="color:initial">animation-direction</span>
     <li><span class="dfn-paneled" id="term-for-propdef-animation-duration" style="color:initial">animation-duration</span>
     <li><span class="dfn-paneled" id="term-for-propdef-animation-fill-mode" style="color:initial">animation-fill-mode</span>
     <li><span class="dfn-paneled" id="term-for-propdef-animation-iteration-count" style="color:initial">animation-iteration-count</span>
     <li><span class="dfn-paneled" id="term-for-propdef-animation-name" style="color:initial">animation-name</span>
     <li><span class="dfn-paneled" id="term-for-propdef-animation-play-state" style="color:initial">animation-play-state</span>
     <li><span class="dfn-paneled" id="term-for-propdef-animation-timing-function" style="color:initial">animation-timing-function</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-backgrounds-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-typedef-box" style="color:initial">&lt;box></span>
     <li><span class="dfn-paneled" id="term-for-typedef-line-width" style="color:initial">&lt;line-width></span>
     <li><span class="dfn-paneled" id="term-for-propdef-background-clip" style="color:initial">background-clip</span>
     <li><span class="dfn-paneled" id="term-for-propdef-background-origin" style="color:initial">background-origin</span>
     <li><span class="dfn-paneled" id="term-for-propdef-background-size" style="color:initial">background-size</span>
     <li><span class="dfn-paneled" id="term-for-propdef-border-bottom-left-radius" style="color:initial">border-bottom-left-radius</span>
     <li><span class="dfn-paneled" id="term-for-propdef-border-bottom-right-radius" style="color:initial">border-bottom-right-radius</span>
     <li><span class="dfn-paneled" id="term-for-propdef-border-radius" style="color:initial">border-radius</span>
     <li><span class="dfn-paneled" id="term-for-propdef-border-top-left-radius" style="color:initial">border-top-left-radius</span>
     <li><span class="dfn-paneled" id="term-for-propdef-border-top-right-radius" style="color:initial">border-top-right-radius</span>
     <li><span class="dfn-paneled" id="term-for-propdef-box-shadow" style="color:initial">box-shadow</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-color-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-valuea-def-color" style="color:initial">&lt;color></span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-color-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-valdef-color-currentcolor" style="color:initial">currentcolor</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-conditional-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-at-ruledef-media" style="color:initial">@media</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-display-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-valdef-display-flex" style="color:initial">flex</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-flexbox-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-flex" style="color:initial">flex</span>
     <li><span class="dfn-paneled" id="term-for-propdef-flex-basis" style="color:initial">flex-basis</span>
     <li><span class="dfn-paneled" id="term-for-propdef-flex-direction" style="color:initial">flex-direction</span>
     <li><span class="dfn-paneled" id="term-for-propdef-flex-flow" style="color:initial">flex-flow</span>
     <li><span class="dfn-paneled" id="term-for-propdef-flex-grow" style="color:initial">flex-grow</span>
     <li><span class="dfn-paneled" id="term-for-propdef-flex-shrink" style="color:initial">flex-shrink</span>
     <li><span class="dfn-paneled" id="term-for-propdef-flex-wrap" style="color:initial">flex-wrap</span>
     <li><span class="dfn-paneled" id="term-for-valdef-display-inline-flex" style="color:initial">inline-flex</span>
     <li><span class="dfn-paneled" id="term-for-propdef-order" style="color:initial">order</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-masking-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-clipping-region" style="color:initial">clipping region</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask" style="color:initial">mask</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-border" style="color:initial">mask-border</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-border-outset" style="color:initial">mask-border-outset</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-border-repeat" style="color:initial">mask-border-repeat</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-border-slice" style="color:initial">mask-border-slice</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-border-source" style="color:initial">mask-border-source</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-border-width" style="color:initial">mask-border-width</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-clip" style="color:initial">mask-clip</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-composite" style="color:initial">mask-composite</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-image" style="color:initial">mask-image</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-origin" style="color:initial">mask-origin</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-position" style="color:initial">mask-position</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-repeat" style="color:initial">mask-repeat</span>
     <li><span class="dfn-paneled" id="term-for-propdef-mask-size" style="color:initial">mask-size</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-size-adjust-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-text-size-adjust" style="color:initial">text-size-adjust</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-sizing-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-box-sizing" style="color:initial">box-sizing</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-transforms-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-transform" style="color:initial">transform</span>
     <li><span class="dfn-paneled" id="term-for-propdef-transform-origin" style="color:initial">transform-origin</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-transforms-2]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-backface-visibility" style="color:initial">backface-visibility</span>
     <li><span class="dfn-paneled" id="term-for-propdef-perspective" style="color:initial">perspective</span>
     <li><span class="dfn-paneled" id="term-for-propdef-perspective-origin" style="color:initial">perspective-origin</span>
     <li><span class="dfn-paneled" id="term-for-propdef-transform-style" style="color:initial">transform-style</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-transitions-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-transition" style="color:initial">transition</span>
     <li><span class="dfn-paneled" id="term-for-propdef-transition-delay" style="color:initial">transition-delay</span>
     <li><span class="dfn-paneled" id="term-for-propdef-transition-duration" style="color:initial">transition-duration</span>
     <li><span class="dfn-paneled" id="term-for-propdef-transition-property" style="color:initial">transition-property</span>
     <li><span class="dfn-paneled" id="term-for-propdef-transition-timing-function" style="color:initial">transition-timing-function</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-ui-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef--webkit-appearance" style="color:initial">-webkit-appearance</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-values-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-number-value" style="color:initial">&lt;number></span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-values-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-comb-one" style="color:initial">|</span>
     <li><span class="dfn-paneled" id="term-for-comb-any" style="color:initial">||</span>
    </ul>
   <li>
    <a data-link-type="biblio">[CSS2]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-vendor-prefix" style="color:initial">vendor prefix</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css3-images-20110217]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-ltlinear-gradient" style="color:initial">linear-gradient</span>
     <li><span class="dfn-paneled" id="term-for-ltradial-gradient" style="color:initial">radial-gradient</span>
     <li><span class="dfn-paneled" id="term-for-ltrepeating-linear-gradient" style="color:initial">repeating-linear-gradient</span>
     <li><span class="dfn-paneled" id="term-for-ltrepeating-radial-gradient" style="color:initial">repeating-radial-gradient</span>
    </ul>
   <li>
    <a data-link-type="biblio">[DOM]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-concept-event-fire" style="color:initial">fire an event</span>
    </ul>
   <li>
    <a data-link-type="biblio">[filter-effects-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-filter" style="color:initial">filter</span>
    </ul>
   <li>
    <a data-link-type="biblio">[geometry-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-webkitcssmatrix" style="color:initial">WebKitCSSMatrix</span>
    </ul>
   <li>
    <a data-link-type="biblio">[HTML]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-eventhandler" style="color:initial">EventHandler</span>
     <li><span class="dfn-paneled" id="term-for-htmlbodyelement" style="color:initial">HTMLBodyElement</span>
     <li><span class="dfn-paneled" id="term-for-window" style="color:initial">Window</span>
     <li><span class="dfn-paneled" id="term-for-active-document" style="color:initial">active document</span>
     <li><span class="dfn-paneled" id="term-for-the-body-element" style="color:initial">body</span>
     <li><span class="dfn-paneled" id="term-for-event-handlers" style="color:initial">event handler</span>
     <li><span class="dfn-paneled" id="term-for-event-handler-event-type" style="color:initial">event handler event type</span>
     <li><span class="dfn-paneled" id="term-for-responsible-document" style="color:initial">responsible document</span>
    </ul>
   <li>
    <a data-link-type="biblio">[mediaqueries-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-typedef-mq-boolean" style="color:initial">&lt;mq-boolean></span>
     <li><span class="dfn-paneled" id="term-for-descdef-media-resolution" style="color:initial">max-resolution</span>
     <li><span class="dfn-paneled" id="term-for-media-feature" style="color:initial">media feature</span>
     <li><span class="dfn-paneled" id="term-for-descdef-media-resolution①" style="color:initial">min-resolution</span>
     <li><span class="dfn-paneled" id="term-for-mq-min-max" style="color:initial">prefixes on range features</span>
     <li><span class="dfn-paneled" id="term-for-descdef-media-resolution②" style="color:initial">resolution</span>
    </ul>
   <li>
    <a data-link-type="biblio">[WebIDL]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-idl-short" style="color:initial">short</span>
    </ul>
  </ul>
  <h2 class="no-num no-ref heading settled" id="references"><span class="content">References</span><a class="self-link" href="#references"></a></h2>
  <h3 class="no-num no-ref heading settled" id="normative"><span class="content">Normative References</span><a class="self-link" href="#normative"></a></h3>
  <dl>
   <dt id="biblio-css-align-3">[CSS-ALIGN-3]
   <dd>Elika Etemad; Tab Atkins Jr.. <a href="https://drafts.csswg.org/css-align/">CSS Box Alignment Module Level 3</a>. URL: <a href="https://drafts.csswg.org/css-align/">https://drafts.csswg.org/css-align/</a>
   <dt id="biblio-css-animations-1">[CSS-ANIMATIONS-1]
   <dd>Dean Jackson; et al. <a href="https://drafts.csswg.org/css-animations/">CSS Animations Level 1</a>. URL: <a href="https://drafts.csswg.org/css-animations/">https://drafts.csswg.org/css-animations/</a>
   <dt id="biblio-css-backgrounds-3">[CSS-BACKGROUNDS-3]
   <dd>Bert Bos; Elika Etemad; Brad Kemper. <a href="https://drafts.csswg.org/css-backgrounds/">CSS Backgrounds and Borders Module Level 3</a>. URL: <a href="https://drafts.csswg.org/css-backgrounds/">https://drafts.csswg.org/css-backgrounds/</a>
   <dt id="biblio-css-color-3">[CSS-COLOR-3]
   <dd>Tantek Çelik; Chris Lilley; David Baron. <a href="https://drafts.csswg.org/css-color-3/">CSS Color Module Level 3</a>. URL: <a href="https://drafts.csswg.org/css-color-3/">https://drafts.csswg.org/css-color-3/</a>
   <dt id="biblio-css-color-4">[CSS-COLOR-4]
   <dd>Tab Atkins Jr.; Chris Lilley. <a href="https://drafts.csswg.org/css-color/">CSS Color Module Level 4</a>. URL: <a href="https://drafts.csswg.org/css-color/">https://drafts.csswg.org/css-color/</a>
   <dt id="biblio-css-conditional-3">[CSS-CONDITIONAL-3]
   <dd>CSS Conditional Rules Module Level 3 URL: <a href="https://drafts.csswg.org/css-conditional-3/">https://drafts.csswg.org/css-conditional-3/</a>
   <dt id="biblio-css-display-3">[CSS-DISPLAY-3]
   <dd>Tab Atkins Jr.; Elika Etemad. <a href="https://drafts.csswg.org/css-display/">CSS Display Module Level 3</a>. URL: <a href="https://drafts.csswg.org/css-display/">https://drafts.csswg.org/css-display/</a>
   <dt id="biblio-css-flexbox-1">[CSS-FLEXBOX-1]
   <dd>Tab Atkins Jr.; et al. <a href="https://drafts.csswg.org/css-flexbox-1/">CSS Flexible Box Layout Module Level 1</a>. URL: <a href="https://drafts.csswg.org/css-flexbox-1/">https://drafts.csswg.org/css-flexbox-1/</a>
   <dt id="biblio-css-masking-1">[CSS-MASKING-1]
   <dd>Dirk Schulze; Brian Birtles; Tab Atkins Jr.. <a href="https://drafts.fxtf.org/css-masking-1/">CSS Masking Module Level 1</a>. URL: <a href="https://drafts.fxtf.org/css-masking-1/">https://drafts.fxtf.org/css-masking-1/</a>
   <dt id="biblio-css-size-adjust-1">[CSS-SIZE-ADJUST-1]
   <dd>CSS Mobile Text Size Adjustment Module Level 1 URL: <a href="https://drafts.csswg.org/css-size-adjust-1/">https://drafts.csswg.org/css-size-adjust-1/</a>
   <dt id="biblio-css-sizing-3">[CSS-SIZING-3]
   <dd>Tab Atkins Jr.; Elika Etemad. <a href="https://drafts.csswg.org/css-sizing-3/">CSS Intrinsic &amp; Extrinsic Sizing Module Level 3</a>. URL: <a href="https://drafts.csswg.org/css-sizing-3/">https://drafts.csswg.org/css-sizing-3/</a>
   <dt id="biblio-css-transforms-1">[CSS-TRANSFORMS-1]
   <dd>Simon Fraser; et al. <a href="https://drafts.csswg.org/css-transforms/">CSS Transforms Module Level 1</a>. URL: <a href="https://drafts.csswg.org/css-transforms/">https://drafts.csswg.org/css-transforms/</a>
   <dt id="biblio-css-transforms-2">[CSS-TRANSFORMS-2]
   <dd>CSS Transforms Module Level 2 URL: <a href="https://drafts.csswg.org/css-transforms-2/">https://drafts.csswg.org/css-transforms-2/</a>
   <dt id="biblio-css-transitions-1">[CSS-TRANSITIONS-1]
   <dd>David Baron; et al. <a href="https://drafts.csswg.org/css-transitions/">CSS Transitions</a>. URL: <a href="https://drafts.csswg.org/css-transitions/">https://drafts.csswg.org/css-transitions/</a>
   <dt id="biblio-css-values-3">[CSS-VALUES-3]
   <dd>Tab Atkins Jr.; Elika Etemad. <a href="https://drafts.csswg.org/css-values-3/">CSS Values and Units Module Level 3</a>. URL: <a href="https://drafts.csswg.org/css-values-3/">https://drafts.csswg.org/css-values-3/</a>
   <dt id="biblio-css-values-4">[CSS-VALUES-4]
   <dd>Tab Atkins Jr.; Elika Etemad. <a href="https://drafts.csswg.org/css-values-4/">CSS Values and Units Module Level 4</a>. URL: <a href="https://drafts.csswg.org/css-values-4/">https://drafts.csswg.org/css-values-4/</a>
   <dt id="biblio-css2">[CSS2]
   <dd>Bert Bos; et al. <a href="http://dev.w3.org/csswg/css2/">Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. URL: <a href="http://dev.w3.org/csswg/css2/">http://dev.w3.org/csswg/css2/</a>
   <dt id="biblio-css3-images-20110217">[CSS3-IMAGES-20110217]
   <dd>Elika Etemad; Tab Atkins Jr.. <a href="https://www.w3.org/TR/2011/WD-css3-images-20110217/">CSS Image Values and Replaced Content Module Level 3</a>. URL: <a href="https://www.w3.org/TR/2011/WD-css3-images-20110217/">https://www.w3.org/TR/2011/WD-css3-images-20110217/</a>
   <dt id="biblio-dom">[DOM]
   <dd>Anne van Kesteren. <a href="https://dom.spec.whatwg.org/">DOM Standard</a>. Living Standard. URL: <a href="https://dom.spec.whatwg.org/">https://dom.spec.whatwg.org/</a>
   <dt id="biblio-filter-effects-1">[FILTER-EFFECTS-1]
   <dd>Dirk Schulze; Dean Jackson. <a href="https://drafts.fxtf.org/filter-effects-1/">Filter Effects Module Level 1</a>. URL: <a href="https://drafts.fxtf.org/filter-effects-1/">https://drafts.fxtf.org/filter-effects-1/</a>
   <dt id="biblio-geometry-1">[GEOMETRY-1]
   <dd>Simon Pieters; Chris Harrelson. <a href="https://drafts.fxtf.org/geometry/">Geometry Interfaces Module Level 1</a>. URL: <a href="https://drafts.fxtf.org/geometry/">https://drafts.fxtf.org/geometry/</a>
   <dt id="biblio-html">[HTML]
   <dd>Anne van Kesteren; et al. <a href="https://html.spec.whatwg.org/multipage/">HTML Standard</a>. Living Standard. URL: <a href="https://html.spec.whatwg.org/multipage/">https://html.spec.whatwg.org/multipage/</a>
   <dt id="biblio-mediaqueries-4">[MEDIAQUERIES-4]
   <dd>Florian Rivoal; Tab Atkins Jr.. <a href="https://drafts.csswg.org/mediaqueries-4/">Media Queries Level 4</a>. URL: <a href="https://drafts.csswg.org/mediaqueries-4/">https://drafts.csswg.org/mediaqueries-4/</a>
   <dt id="biblio-pointerevents2">[POINTEREVENTS2]
   <dd>Matt Brubeck; et al. <a href="https://w3c.github.io/pointerevents/">Pointer Events</a>. URL: <a href="https://w3c.github.io/pointerevents/">https://w3c.github.io/pointerevents/</a>
   <dt id="biblio-rfc2119">[RFC2119]
   <dd>S. Bradner. <a href="https://tools.ietf.org/html/rfc2119">Key words for use in RFCs to Indicate Requirement Levels</a>. March 1997. Best Current Practice. URL: <a href="https://tools.ietf.org/html/rfc2119">https://tools.ietf.org/html/rfc2119</a>
   <dt id="biblio-screen-orientation">[SCREEN-ORIENTATION]
   <dd>Mounir Lamouri; Marcos Caceres; Johanna Herman. <a href="https://w3c.github.io/screen-orientation/">The Screen Orientation API</a>. URL: <a href="https://w3c.github.io/screen-orientation/">https://w3c.github.io/screen-orientation/</a>
   <dt id="biblio-webidl">[WebIDL]
   <dd>Boris Zbarsky. <a href="https://heycam.github.io/webidl/">Web IDL</a>. URL: <a href="https://heycam.github.io/webidl/">https://heycam.github.io/webidl/</a>
  </dl>
  <h3 class="no-num no-ref heading settled" id="informative"><span class="content">Informative References</span><a class="self-link" href="#informative"></a></h3>
  <dl>
   <dt id="biblio-css-ui-4">[CSS-UI-4]
   <dd>Florian Rivoal. <a href="https://drafts.csswg.org/css-ui-4/">CSS Basic User Interface Module Level 4</a>. URL: <a href="https://drafts.csswg.org/css-ui-4/">https://drafts.csswg.org/css-ui-4/</a>
  </dl>
  <h2 class="no-num no-ref heading settled" id="property-index"><span class="content">Property Index</span><a class="self-link" href="#property-index"></a></h2>
  <div class="big-element-wrapper">
   <table class="index">
    <thead>
     <tr>
      <th scope="col">Name
      <th scope="col">Value
      <th scope="col">Initial
      <th scope="col">Applies to
      <th scope="col">Inh.
      <th scope="col">%ages
      <th scope="col">Anim­ation type
      <th scope="col">Canonical order
      <th scope="col">Com­puted value
      <th scope="col">Media
    <tbody>
     <tr>
      <th scope="row"><a class="css" data-link-type="property" href="#propdef--webkit-background-clip" id="ref-for-propdef--webkit-background-clip⑥">-webkit-background-clip</a>
      <td>border-box | padding-box | content-box | text
      <td>none
      <td>all elements
      <td>no
      <td>N/A
      <td>discrete
      <td>per grammar
      <td>"text"
      <td>visual
     <tr>
      <th scope="row"><a class="css" data-link-type="property" href="#propdef--webkit-text-fill-color" id="ref-for-propdef--webkit-text-fill-color④">-webkit-text-fill-color</a>
      <td>&lt;color>
      <td>currentcolor
      <td>all elements
      <td>yes
      <td>N/A
      <td>as color
      <td>per grammar
      <td>an RGBA color
      <td>visual
     <tr>
      <th scope="row"><a class="css" data-link-type="property" href="#propdef--webkit-text-stroke" id="ref-for-propdef--webkit-text-stroke③">-webkit-text-stroke</a>
      <td>&lt;line-width> || &lt;color>
      <td>See individual properties
      <td>See individual properties
      <td>yes
      <td>N/A
      <td>See individual properties
      <td>per grammar
      <td>See individual properties
      <td>visual
     <tr>
      <th scope="row"><a class="css" data-link-type="property" href="#propdef--webkit-text-stroke-color" id="ref-for-propdef--webkit-text-stroke-color②">-webkit-text-stroke-color</a>
      <td>&lt;color>
      <td>currentcolor
      <td>all elements
      <td>yes
      <td>N/A
      <td>as color
      <td>per grammar
      <td>an RGBA color
      <td>visual
     <tr>
      <th scope="row"><a class="css" data-link-type="property" href="#propdef--webkit-text-stroke-width" id="ref-for-propdef--webkit-text-stroke-width②">-webkit-text-stroke-width</a>
      <td>&lt;line-width>
      <td>0
      <td>all elements
      <td>yes
      <td>N/A
      <td>discrete
      <td>per grammar
      <td>absolute length
      <td>visual
     <tr>
      <th scope="row"><a class="css" data-link-type="property" href="#propdef-touch-action" id="ref-for-propdef-touch-action">touch-action</a>
      <td>auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation
      <td>auto
      <td>all elements except: non-replaced inline elements, table rows, row groups, table columns, and column groups.
      <td>no
      <td>N/A
      <td>discrete
      <td>per grammar
      <td>Same as specified value
      <td>visual
   </table>
  </div>
  <h3 class="no-num no-ref heading settled" id="media-descriptor-table"><span class="content"><a class="css" data-link-type="at-rule" href="https://drafts.csswg.org/css-conditional-3/#at-ruledef-media" id="ref-for-at-ruledef-media②">@media</a> Descriptors</span><a class="self-link" href="#media-descriptor-table"></a></h3>
  <div class="big-element-wrapper">
   <table class="index">
    <thead>
     <tr>
      <th scope="col">Name
      <th scope="col">Value
      <th scope="col">Initial
      <th scope="col">Accepts min/max prefixes
      <th scope="col">Type
    <tbody>
     <tr>
      <th scope="row"><a class="css" data-link-type="descriptor" href="#descdef-media--webkit-device-pixel-ratio" id="ref-for-descdef-media--webkit-device-pixel-ratio③">-webkit-device-pixel-ratio</a>
      <td>&lt;number>
      <td>
      <td>
      <td>range
     <tr>
      <th scope="row"><a class="css" data-link-type="descriptor" href="#descdef-media--webkit-transform-3d" id="ref-for-descdef-media--webkit-transform-3d②">-webkit-transform-3d</a>
      <td>&lt;mq-boolean>
      <td>
      <td>no
      <td>
   </table>
  </div>
  <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">IDL Index</span><a class="self-link" href="#idl-index"></a></h2>
<pre class="idl highlight def"><c- b>partial</c-> <c- b>interface</c-> <a class="idl-code" data-link-type="interface" href="https://html.spec.whatwg.org/multipage/window-object.html#window" id="ref-for-window④"><c- g>Window</c-></a> {
    <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-short" id="ref-for-idl-short①"><c- b>short</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="short" href="#dom-window-orientation" id="ref-for-dom-window-orientation①①"><c- g>orientation</c-></a>;
    <c- b>attribute</c-> <a class="n" data-link-type="idl-name" href="https://html.spec.whatwg.org/multipage/webappapis.html#eventhandler" id="ref-for-eventhandler②"><c- n>EventHandler</c-></a> <a data-type="EventHandler" href="#dom-window-onorientationchange"><code><c- g>onorientationchange</c-></code></a>;
};

<c- b>partial</c-> <c- b>interface</c-> <a class="idl-code" data-link-type="interface" href="https://html.spec.whatwg.org/multipage/sections.html#htmlbodyelement" id="ref-for-htmlbodyelement①"><c- g>HTMLBodyElement</c-></a> {
    <c- b>attribute</c-> <a class="n" data-link-type="idl-name" href="https://html.spec.whatwg.org/multipage/webappapis.html#eventhandler" id="ref-for-eventhandler①①"><c- n>EventHandler</c-></a> <a data-type="EventHandler" href="#dom-htmlbodyelement-onorientationchange"><code><c- g>onorientationchange</c-></code></a>;
};

</pre>
  <aside class="dfn-panel" data-for="descdef-media--webkit-device-pixel-ratio">
   <b><a href="#descdef-media--webkit-device-pixel-ratio">#descdef-media--webkit-device-pixel-ratio</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-descdef-media--webkit-device-pixel-ratio">3.2.1. 
  -webkit-device-pixel-ratio </a> <a href="#ref-for-descdef-media--webkit-device-pixel-ratio①">(2)</a> <a href="#ref-for-descdef-media--webkit-device-pixel-ratio②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="descdef-media--webkit-transform-3d">
   <b><a href="#descdef-media--webkit-transform-3d">#descdef-media--webkit-transform-3d</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-descdef-media--webkit-transform-3d">3.2.2. 
  -webkit-transform-3d </a> <a href="#ref-for-descdef-media--webkit-transform-3d①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="propdef--webkit-background-clip">
   <b><a href="#propdef--webkit-background-clip">#propdef--webkit-background-clip</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef--webkit-background-clip">3.4.6. Foreground Text Clipping: the 
-webkit-background-clip property</a> <a href="#ref-for-propdef--webkit-background-clip①">(2)</a> <a href="#ref-for-propdef--webkit-background-clip②">(3)</a> <a href="#ref-for-propdef--webkit-background-clip③">(4)</a> <a href="#ref-for-propdef--webkit-background-clip④">(5)</a> <a href="#ref-for-propdef--webkit-background-clip⑤">(6)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="valdef--webkit-background-clip-text">
   <b><a href="#valdef--webkit-background-clip-text">#valdef--webkit-background-clip-text</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef--webkit-background-clip-text">3.4.6. Foreground Text Clipping: the 
-webkit-background-clip property</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="propdef--webkit-text-fill-color">
   <b><a href="#propdef--webkit-text-fill-color">#propdef--webkit-text-fill-color</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef--webkit-text-fill-color">3.4.6. Foreground Text Clipping: the 
-webkit-background-clip property</a>
    <li><a href="#ref-for-propdef--webkit-text-fill-color①">3.4.7.1. Foreground Text Color: the 
-webkit-text-fill-color property</a> <a href="#ref-for-propdef--webkit-text-fill-color②">(2)</a> <a href="#ref-for-propdef--webkit-text-fill-color③">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="propdef--webkit-text-stroke-color">
   <b><a href="#propdef--webkit-text-stroke-color">#propdef--webkit-text-stroke-color</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef--webkit-text-stroke-color">3.4.7.2. Text Stroke Color: the 
-webkit-text-stroke-color property</a> <a href="#ref-for-propdef--webkit-text-stroke-color①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="propdef--webkit-text-stroke-width">
   <b><a href="#propdef--webkit-text-stroke-width">#propdef--webkit-text-stroke-width</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef--webkit-text-stroke-width">3.4.7.3. Text Stroke Thickness: the 
-webkit-text-stroke-width property</a> <a href="#ref-for-propdef--webkit-text-stroke-width①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="propdef--webkit-text-stroke">
   <b><a href="#propdef--webkit-text-stroke">#propdef--webkit-text-stroke</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef--webkit-text-stroke">3.4.7.4. Text Stroke Shorthand: the 
-webkit-text-stroke property</a> <a href="#ref-for-propdef--webkit-text-stroke①">(2)</a> <a href="#ref-for-propdef--webkit-text-stroke②">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="dom-window-onorientationchange">
   <b><a href="#dom-window-onorientationchange">#dom-window-onorientationchange</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-dom-window-onorientationchange">4.2.2. Event Handlers on Window objects and body elements</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="dom-window-orientation">
   <b><a href="#dom-window-orientation">#dom-window-orientation</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-dom-window-orientation">4.2. window.orientation API</a> <a href="#ref-for-dom-window-orientation①">(2)</a> <a href="#ref-for-dom-window-orientation②">(3)</a>
    <li><a href="#ref-for-dom-window-orientation③">4.2.1. window.orientation angle</a> <a href="#ref-for-dom-window-orientation④">(2)</a> <a href="#ref-for-dom-window-orientation⑤">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="event-orientationchange">
   <b><a href="#event-orientationchange">#event-orientationchange</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-event-orientationchange">4.2. window.orientation API</a>
    <li><a href="#ref-for-event-orientationchange①">4.2.2. Event Handlers on Window objects and body elements</a>
   </ul>
  </aside>
<script>/* script-dfn-panel */

document.body.addEventListener("click", function(e) {
    var queryAll = function(sel) { return [].slice.call(document.querySelectorAll(sel)); }
    // Find the dfn element or panel, if any, that was clicked on.
    var el = e.target;
    var target;
    var hitALink = false;
    while(el.parentElement) {
        if(el.tagName == "A") {
            // Clicking on a link in a <dfn> shouldn't summon the panel
            hitALink = true;
        }
        if(el.classList.contains("dfn-paneled")) {
            target = "dfn";
            break;
        }
        if(el.classList.contains("dfn-panel")) {
            target = "dfn-panel";
            break;
        }
        el = el.parentElement;
    }
    if(target != "dfn-panel") {
        // Turn off any currently "on" or "activated" panels.
        queryAll(".dfn-panel.on, .dfn-panel.activated").forEach(function(el){
            el.classList.remove("on");
            el.classList.remove("activated");
        });
    }
    if(target == "dfn" && !hitALink) {
        // open the panel
        var dfnPanel = document.querySelector(".dfn-panel[data-for='" + el.id + "']");
        if(dfnPanel) {
            dfnPanel.classList.add("on");
            var rect = el.getBoundingClientRect();
            dfnPanel.style.left = window.scrollX + rect.right + 5 + "px";
            dfnPanel.style.top = window.scrollY + rect.top + "px";
            var panelRect = dfnPanel.getBoundingClientRect();
            var panelWidth = panelRect.right - panelRect.left;
            if(panelRect.right > document.body.scrollWidth && (rect.left - (panelWidth + 5)) > 0) {
                // Reposition, because the panel is overflowing
                dfnPanel.style.left = window.scrollX + rect.left - (panelWidth + 5) + "px";
            }
        } else {
            console.log("Couldn't find .dfn-panel[data-for='" + el.id + "']");
        }
    } else if(target == "dfn-panel") {
        // Switch it to "activated" state, which pins it.
        el.classList.add("activated");
        el.style.left = null;
        el.style.top = null;
    }

});
</script>